修改了垂直滚动的时间
This commit is contained in:
parent
0bc6c40eb8
commit
df4cac7b34
@ -19,7 +19,7 @@
|
|||||||
{{ text }}
|
{{ text }}
|
||||||
</div>
|
</div>
|
||||||
<div class="notice-bar-warp-slot " v-else>
|
<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">
|
<lay-carousel-item :id="ind" v-for="(item,ind) in arrays">
|
||||||
<div>{{ item }}</div>
|
<div>{{ item }}</div>
|
||||||
</lay-carousel-item>
|
</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 属性
|
::: title Notice Bar 属性
|
||||||
:::
|
:::
|
||||||
@ -91,7 +121,8 @@ export default {
|
|||||||
| text | 内容 | 滚动内容 |
|
| text | 内容 | 滚动内容 |
|
||||||
| leftIcon | 左侧图标 | -- |
|
| leftIcon | 左侧图标 | -- |
|
||||||
| rightIcon | 右侧图标 | -- |
|
| rightIcon | 右侧图标 | -- |
|
||||||
|
| scrollable | 是否开启垂直滚动|true,false|
|
||||||
|
| textlist | 垂直滚动内容| Array|
|
||||||
:::
|
:::
|
||||||
|
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user