<>强摘要
小程序顶部总会看到滚动的通知栏,一般单条的都会用跑马灯去实现,但面对多条的内容,就需要用轮播去实现,轮播自然是偷窃者了,查了查,还真有垂直这个属性,偷窃者真好用。
<>强效果
<>强体验
<强>代码
wxml
& lt;视图类=皊wiper-view”比;
垂直& lt;偷窃者类=" swiper_container "=" true "播放=" true "圆=" true "间隔=" 2000 "比;
& lt;块wx:=" {{msgList}}”在
& lt; swiper-item>
& lt;视图类=" swiper_item "在{{item.title}} & lt;/view>
& lt;/swiper-item>
& lt;/block>
& lt;/swiper>
& lt;/view>
wxs
.swiper-view {
显示:flex;
flex-direction:行;
justify-content:中心;
对齐项目:中心;
border - radius: 5 rpx;
背景:番茄
}
.swiper_container {
高度:50 rpx;
宽度:90%;
}
.swiper_item {
高度:50 rpx;
宽度:90%;
字体大小:26 rpx;
空白:nowrap;}
显示:flex;
flex-direction:行;
justify-content:中心;
对齐项目:中心;
颜色:白色
}
页面({
数据:{
msgList:(
{标题:“朋友圈"},
{标题:“文章"},
}{标题:“公共号”,
}{标题:“小程序”,
}{标题:“音乐”,
{标题:“表情”},
{标题:“订阅号”}]
}
})
以上所述是小编给大家介绍的微信小程序偷窃者实现文字纵向轮播提示效果,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持。
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
