Marquee 组件使用教程
优质
小牛编辑
136浏览
2023-12-01
安装
import { Marquee, MarqueeItem } from 'vux'
export default {
components: {
Marquee,
MarqueeItem
}
}// 在入口文件全局引入
import Vue from 'vue'
import { Marquee, MarqueeItem } from 'vux'
Vue.component('marquee', Marquee)
Vue.component('marquee-item', MarqueeItem)
属性
| 名字 | 类型 | 默认值 | 说明 | 版本要求 |
| interval | number | 2000 | 切换时间间隙 | -- |
| duration | number | 300 | 切换动画时间 | -- |
| direction | string | up | 切换方向，可选['up', 'down'] | -- |
| item-height | number | 条目高度，当默认状态为隐藏时你需要设置值，否则组件渲染时会获取不到正确高度 | -- |
插槽
| 名字 | 说明 | 版本要求 |
| 默认插槽 | 内容插槽 | -- |
插槽
| 名字 | 说明 | 版本要求 |
| 默认插槽 | 内容插槽 | -- |