layui/example/docs/zh-CN/components/scroll.md

53 lines
900 B
Markdown
Raw Normal View History

2022-03-16 22:28:51 +08:00
::: anchor
:::
::: title 基本介绍
:::
::: describe 当有重要操作需告知用户处理结果,且反馈内容较为复杂时使用。
:::
::: title 基础使用
:::
::: demo 使用 `lay-scroll` 标签, 创建一个虚拟滚动容器
<template>
2022-03-16 22:41:35 +08:00
<lay-scroll height="200px" style="background-color:whitesmoke;">
<lay-panel v-for="(n,index) in 50" :key="n" style="margin:10px;padding:10px;">内容</lay-panel>
2022-03-16 22:28:51 +08:00
</lay-scroll>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
return {
}
}
}
</script>
:::
::: title Scroll 属性
:::
::: table
| 属性 | 描述 | 可选值 |
| ----------- | -------- | ------ |
| height | 高度 | -- |
| scrollWidth | 滑块宽度 | -- |
| scrollColor | 滑块颜色 | -- |
| slotColor | 滑槽颜色 | -- |
:::
::: comment
:::
::: previousNext field
:::