@rancheer/marquee

配置属性 | props属性 | 类型 | 默认值| 描述 | ---- | ---- | ---- | ---- | | showMarquee | Boolean | false | 控制跑马灯显示隐藏 | | showButton | Boolean | false | 是否显示控制按钮 | | marqueelist | Array | [] | 跑马灯数据|

Usage no npm install needed!

<script type="module">
  import rancheerMarquee from 'https://cdn.skypack.dev/@rancheer/marquee';
</script>

README

微信组件 - 无限循环跑马灯

配置属性 | props属性 | 类型 | 默认值| 描述 | ---- | ---- | ---- | ---- | | showMarquee | Boolean | false | 控制跑马灯显示隐藏 | | showButton | Boolean | false | 是否显示控制按钮 | | marqueelist | Array | [] | 跑马灯数据|

案例

wxml

    <marquee
        showMarquee="{{showMarquee}}"
        marqueelist="{{marqueelist}}"
        showButton="{{true}}"
        bind:onNaviHandle="onMarqueeNaviHandle"
        bind:onMarqueeClose="onMarqueeClose"
    ></marquee>

js

data: {
    showMarquee: false,
    marqueelist: [],
},
onMarqueeNaviHandle () {},
onMarqueeClose (e) {}