修改了垂直滚动的时间
This commit is contained in:
parent
0bc6c40eb8
commit
df4cac7b34
@ -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>
|
||||
|
@ -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|
|
||||
:::
|
||||
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user