测试 - Layui


<view class="p-20" style="background-color:#4a73fd;border-radius:20rpx;">
    <view class="flex-b">
        <view class="flex-start color-fff font-28">
            <u-icon name="volume-fill" color="#FFF"></u-icon>
            <view class="m-l-5">系统公告</view>
        </view>
        <view class="flex-end color-fff font-28" @click="toNav('/pages/message/list')">
            <view class="m-r-5">查看全部</view>
            <u-icon color="#fff" name='arrow-right'></u-icon>
        </view>
    </view>
    <view class="bg-fff m-t-20" style="border-radius:20rpx;padding:0 20rpx;">
        <swiper vertical :autoplay="true" :interval="3000" :duration="1000">
            <swiper-item v-for="item in message_lists" :key="item.message_id">
                <view style="height:70rpx;line-height:70rpx;font-size:28rpx;color:#666;">{{item.message_titel}}</view>
            </swiper-item>
        </swiper>
    </view>
</view>