html
<view?class="uni-swiper-msg">
???<swiper?class="swiper"?vertical="true"?autoplay="false"?duration="500"?interval="4000"?@animationfinish="timer">
????<swiper-item?v-for="(item,?index)?in?msg"?:key="index">
?????<view?@tap="notice(item)">第{{item}}個會員充值成功</view>
????</swiper-item>
???</swiper>
</view>
css
.uni-swiper-msg?{
??padding:?20upx?20upx?!important;
??flex-wrap:?nowrap?!important;
??display:?flex?!important;
??.uni-swiper-msg-icon?{
???width:?50upx?!important;
???margin-right:?20upx?!important;
???image?{
????width:?100%?!important;
????flex-shrink:?0?!important;
???}
??}
??.swiper?{
???font-size:?12px;
???width:?100%?!important;
???height:?50upx?!important;
???swiper-item?{
????line-height:?50upx?!important;
????font-size:?30upx?!important;
????color:?#F5283A?!important;
????font-weight:?700?!important;
????view?{
?????overflow:?hidden?!important;
?????white-space:?nowrap?!important;
?????text-overflow:?ellipsis?!important;
????}
???}
??}
?}
