更新记录

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,有什么问题可随时联系作者进行讨论。

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问