docs: 新增 scroll 文档说明
This commit is contained in:
53
example/docs/zh-CN/components/scroll.md
Normal file
53
example/docs/zh-CN/components/scroll.md
Normal file
@@ -0,0 +1,53 @@
|
||||
::: anchor
|
||||
:::
|
||||
|
||||
::: title 基本介绍
|
||||
:::
|
||||
|
||||
::: describe 当有重要操作需告知用户处理结果,且反馈内容较为复杂时使用。
|
||||
:::
|
||||
|
||||
::: title 基础使用
|
||||
:::
|
||||
|
||||
::: demo 使用 `lay-scroll` 标签, 创建一个虚拟滚动容器
|
||||
|
||||
<template>
|
||||
<lay-scroll height="200px">
|
||||
<li v-for="i of 100">内容</li>
|
||||
</lay-scroll>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { ref } from 'vue'
|
||||
|
||||
export default {
|
||||
setup() {
|
||||
|
||||
return {
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
:::
|
||||
|
||||
::: title Scroll 属性
|
||||
:::
|
||||
|
||||
::: table
|
||||
|
||||
| 属性 | 描述 | 可选值 |
|
||||
| ----------- | -------- | ------ |
|
||||
| height | 高度 | -- |
|
||||
| scrollWidth | 滑块宽度 | -- |
|
||||
| scrollColor | 滑块颜色 | -- |
|
||||
| slotColor | 滑槽颜色 | -- |
|
||||
|
||||
:::
|
||||
|
||||
::: comment
|
||||
:::
|
||||
|
||||
::: previousNext field
|
||||
:::
|
||||
Reference in New Issue
Block a user