微信小程序字幕滚动

<!--index.wxml-->
< swiper class= "swiper_container" vertical= "true" autoplay= "true" circular= "true" interval= "1000" >
< block wx:for= "{{msgList}}" >
< navigator url= "/pages/index/index?title={{item.url}}" open-type= "navigate" >
< swiper-item >
< view class= "swiper_item" >{{item.title}} </ view >
</ swiper-item >
</ navigator >
</ block >
</ swiper >
/**index.wxss**/

.swiper_container {
background-color: red ;
height: 50 rpx ;
width: 80vw ;
}

.swiper_item {
font-size: 30 rpx ;
overflow: hidden ;
text-overflow: ellipsis ;
white-space: nowrap ;
}
//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 : "北大教工合唱团出国演出遇尴尬:被要求给他人伴唱" }]
});
}
})




猜你喜欢

转载自blog.csdn.net/weixin_42388503/article/details/80882111