theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

属性说明

Browse Source
This commit is contained in:
15906671117 2022-04-12 12:03:08 +08:00
parent 53ac4a15ee
commit d0d8d3d240
1 changed files with 6 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
package/document/src/document/zh-CN/components/area.md
View File

@ -68,76 +68,21 @@ export default {
::: :::
::: title 允许关闭
:::
::: demo
<template>
<lay-notice-bar leftIcon="layui-icon-mute" rightIcon="layui-icon-close" text="所有发生过的都是既定的。是应该发生。只能发生。" mode="closeable"></lay-notice-bar>
</template>
<script>
import { ref } from "vue"
export default {
setup() {
const visible = ref(true);
return {
visible
}
}
}
</script>
::: :::
::: 垂直滚动 ::: title area 属性
:::
::: demo
<template>
<lay-notice-bar :scrollable="true" :textlist="list"></lay-notice-bar>
</template>
<script>
import { ref,reactive } from "vue"
export default {
setup() {
const list = reactive([
'通知一：users !',
'通知二：world !',
'通知三：friend !',
'通知四：ok!',
])
return {
list
}
}
}
</script>
:::
::: title Notice Bar 属性
::: :::
::: table ::: table
| 事件 | 描述 | 参数 | | 事件 | 描述 | 参数 |
| ---- | -------- | --------------------- | | ---- | -------- | --------------------- |
| mode | 模式 | 'link' 'closeable' | | cust | 是否开启自定义 | false true |
| text | 内容 | 滚动内容 | | simple | 是否选择完成后关闭 | false true |
| leftIcon | 左侧图标 | -- | | title| 标题数据 | Array |
| rightIcon | 右侧图标 | -- | | data| 自定义数据 | object |
| scrollable | 是否开启垂直滚动|true,false| | bool | 是否只选择最后的数据|true,false|
| textlist | 垂直滚动内容| Array|
::: :::