微信小程序实现滚动消息通知

微信小程序实现滚动消息通知

本文实例为大家分享了微信小程序实现滚动消息的具体代码，供大家参考，具体内容如下

效果图：

index.wxml

&lSXRhwzqzjat;block wx:for="{{msgList}}">

{{item.title}}

index.js

//index.js

//获取应用实例

var app = getApp()

Page({

data: {

},

onLoad(e) {

console.log(e.title)

this.setData({

msgList: [

{ url: "url", title: "多地首套房贷利率上浮 热点城市渐迎零折扣时代" },

{ url: "url", title: "交了20多年的国内漫游费将取消 你能省多少话费？" },

{ url: "url", title: "北大教工合唱团出国演出遇尴尬:被要求给他人伴唱" }]

});

}

})

index.wxss

/**index.wxss**/

.swiper_container {

background-color: red;

height: 50rpx;

width: 80vw;

}

.swiper_item {

font-size: 30rpx;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

}

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。