更新记录

1.1.0（2020-06-28） 下载此版本

无

1.0.9（2020-06-28） 下载此版本

无

1.0.8.0（2020-06-08） 下载此版本

不足之处，多多包涵！

平台兼容性

插件 props 属性

• list： [Array(Object)] 数据列表，Object.text 为显示的文本内容，您也可以修改组件设置成您具体业务逻辑的key；
• current：[Number] 默认运行数据的下标；
• speed：[Number] 速度，数值越大，速度越快，建议使用（5-30）之间的值；
• show：[Boolean] 组件显示状态，true: 显示；false: 不显示；
• showNoticeIcon：[Boolean] 是否显示左侧的小喇叭图标？true: 显示；false: 不显示；
• showCloseBtn：[Boolean] 是否显示右侧的关闭按钮？true: 显示；false: 不显示；

组件函数

• start()：开始；

emit事件

• completed()：数据列表渲染完成后的回调函数；
• close()：点击了右侧的关闭按钮后的事件；
• tapItem(item)： 点击了当前正在跑的 item 的事件，item 为被点击 item 的数据对象。

使用说明

1. 给组件设置ref属性，比如：ref="MarqueeComponent"；
2. 设置列表数据；
3. 设置 completed() 函数监听列表渲染完成事件；
4. 列表渲染完成后，使用 start 函数开始运行跑马灯，比如：this.$refs.MarqueeComponent.start()；
5. 更新列表数据后需要重新运行 start() 函数；

注意事项

目前只测试了微信小程序、H5、APP，有什么问题可随时联系作者进行讨论。