html
<view class="notice df-aic-jusb" @click="$go(2,'/pages/index/messageList')">
<view class="df-aic">
<image src="../../static/newimg/3.png" mode="" class="icon-40"></image>
<swiper class="notice-box" :autoplay="true" :vertical="true" :disable-touch="true" :circular="true">
<swiper-item v-for="(item,index) in noticesList" :key="index">
<view class="fsz-26 u-line-1 color-f">{{item.title}}</view>
</swiper-item>
</swiper>
</view>
<image src="../../static/newimg/4.png" mode="" class="icon-34"></image>
</view>
css
.notice{
height: 80rpx;
background: #1866F2;
padding: 0 30rpx;
.icon-40{
width: 40rpx;
height: 40rpx;
}
.icon-34{
width: 34rpx;
height: 34rpx;
}
.notice-box{
width: 520rpx;
height: 80rpx;
line-height: 80rpx;
margin-left: 20rpx;
}
}