youpin-msg-swiper

介绍

消息滚动模块,可以快速实现消息滚动效果,支持个性化定制

使用方法

import "/components/youpin-msg-swiper.stml";

例子

<youpin-msg-swiper 
    onclick="msgClick" 
    msgList={msgList} 
    style={swiperStyle} 
    msgIconSrc={msgIconSrc} 
    msgIconStyle={msgIconStyle} 
    textStyle={textStyle} 
    rightIconSrc={rightIconSrc}>
</youpin-msg-swiper>

props 属性

参数 说明 类型 默认值
msgList 消息列表,必填 array [{"id":1,"text":"预祝APICloud3.0案例与AVM组件大赛举办成功,取得完美成绩"},{"id":2,"text":"APICloud3.0上线啦~一套代码多端运行,原生实现开发更便捷,速度更快"}]
style 组件样式, 选填 object {"backgroundColor":"#ccc","padding":"0 10px","marginTop":"100px"}
msgIconSrc 左侧icon地址,必填 string ../asset/left_icon.png
msgIconStyle 左右icon样式,选填 object {"width":"60px","marginRight":"10px"}
textStyle 文字样式,选填 object {"fontSize":"14px","color":"#333"}
rightIconSrc 右侧icon地址,必填 string ../asset/right_icon.png

events 事件

事件名 说明 回调参数
click 消息点击时触发,返回msgList的子元素