修改了垂直滚动的时间

This commit is contained in:
15906671117 2022-04-11 10:56:12 +08:00
parent 0bc6c40eb8
commit df4cac7b34
2 changed files with 33 additions and 2 deletions

View File

@ -19,7 +19,7 @@
{{ text }}
</div>
<div class="notice-bar-warp-slot " v-else>
<lay-carousel v-model="active4" :interval="2000" :autoplay="true" anim="updown" indicator="none" arrow="none" style="height:40px;">
<lay-carousel v-model="active4" :interval="3000" :autoplay="true" anim="updown" indicator="none" arrow="none" style="height:40px;">
<lay-carousel-item :id="ind" v-for="(item,ind) in arrays">
<div>{{ item }}</div>
</lay-carousel-item>

View File

@ -79,6 +79,36 @@ export default {
:::
::: 垂直滚动
:::
::: 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 属性
:::
@ -91,7 +121,8 @@ export default {
| text | 内容 | 滚动内容 |
| leftIcon | 左侧图标 | -- |
| rightIcon | 右侧图标 | -- |
| scrollable | 是否开启垂直滚动|true,false|
| textlist | 垂直滚动内容| Array|
:::