微信小程序字幕滚动

< 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 : "北大教工合唱团出国演出遇尴尬:被要求给他人伴唱" }]

});

}

})