bwj_wechat/pages/tabbar-pages/message/index.wxml

<!-- 自定义头部 -->
<My_navBar></My_navBar>
<!-- 信息 -->
<van-tabs active="{{ tabsActive }}" color='#4DC2D4' title-active-color="#4DC2D4" title-inactive-color='rgba(0,0,0,.3)' tab-active-class='tab-active-class' tab-class="tab-class" nav-class='' line-width='60rpx' line-height='6rpx' swipeable bind:change="tabsOnChange">
    <view class="nav-class"></view>
    <van-tab title="公共消息">
        <view class="msg-box">
            <!-- 团队加入通知 -->
            <navigator wx:for="{{5}}" url="#">
                <view class="msgImg">
                    <image src="/static/systematic-01.png"></image>
                    <view class="red-dot"></view>
                </view>
               <view class="borTop">
                    <view class="msgText">
                        <view class="title u-line-1">系统消息</view>
                        <view class="msg u-line-1">恭喜！注册成功！</view>
                    </view>
                    <view class="msgTime">
                        上午9:34
                    </view>
                </view>
            </navigator>
        </view>
    </van-tab>
    <van-tab title="商户消息">
        <view class="msg-box">
            <!-- 商户审核通知 -->
            <navigator url="#">
                <view class="msgImg">
                    <image src="https://bwj.obs.cn-east-2.myhuaweicloud.com/resources/message/storeIcon-01.png"></image>
                    <view class="red-dot"></view>
                </view>
               <view class="borTop">
                    <view class="msgText">
                        <view class="title u-line-1">商户审核通知</view>
                        <view class="msg u-line-1">恭喜！注册成功！</view>
                    </view>
                    <view class="msgTime">
                        上午9:34
                    </view>
                </view>
            </navigator>
            <!-- 加入通知 -->
            <navigator url="#">
                <view class="msgImg">
                    <image src="https://bwj.obs.cn-east-2.myhuaweicloud.com/resources/message/storeIcon-02.png"></image>
                    <view class="red-dot"></view>
                </view>
               <view class="borTop">
                    <view class="msgText">
                        <view class="title u-line-1">加入通知</view>
                        <view class="msg u-line-1">恭喜加入XXX</view>
                    </view>
                    <view class="msgTime">
                        上午9:34
                    </view>
                </view>
            </navigator>
            <!-- 申请加入通知 -->
            <navigator url="#">
                <view class="msgImg">
                    <image src="https://bwj.obs.cn-east-2.myhuaweicloud.com/resources/message/storeIcon-03.png"></image>
                    <view class="red-dot"></view>
                </view>
               <view class="borTop">
                    <view class="msgText">
                        <view class="title u-line-1">申请加入通知</view>
                        <view class="msg u-line-1">xxx申请加入</view>
                    </view>
                    <view class="msgTime">
                        上午9:34
                    </view>
                </view>
            </navigator>
            <!-- 新合作通知 -->
            <navigator url="#">
                <view class="msgImg">
                    <image src="https://bwj.obs.cn-east-2.myhuaweicloud.com/resources/message/storeIcon-04.png"></image>
                    <view class="red-dot"></view>
                </view>
               <view class="borTop">
                    <view class="msgText">
                        <view class="title u-line-1">新合作通知</view>
                        <view class="msg u-line-1">与xxx建立新合作成功</view>
                    </view>
                    <view class="msgTime">
                        上午9:34
                    </view>
                </view>
            </navigator>
            <!-- 取消合作通知 -->
            <navigator url="#">
                <view class="msgImg">
                    <image src="https://bwj.obs.cn-east-2.myhuaweicloud.com/resources/message/storeIcon-05.png"></image>
                    <view class="red-dot"></view>
                </view>
               <view class="borTop">
                    <view class="msgText">
                        <view class="title u-line-1">取消合作通知</view>
                        <view class="msg u-line-1">和xxx取消合作成功</view>
                    </view>
                    <view class="msgTime">
                        上午9:34
                    </view>
                </view>
            </navigator>
        </view>
    </van-tab>
    <van-tab title="团队消息">
        <view class="msg-box">
            <!-- 团队加入通知 -->
            <navigator url="#">
                <view class="msgImg">
                    <image src="https://bwj.obs.cn-east-2.myhuaweicloud.com/resources/message/groupIcon-01.png"></image>
                    <view class="red-dot"></view>
                </view>
                <view class="borTop">
                    <view class="msgText">
                        <view class="title u-line-1">团队加入通知</view>
                        <view class="msg u-line-1">恭喜加入xxx团队</view>
                    </view>
                    <view class="msgTime">
                        上午9:34
                    </view>
                </view>
            </navigator>
            <!-- 团队账号权限变更通知 -->
            <navigator url="#">
                <view class="msgImg">
                    <image src="https://bwj.obs.cn-east-2.myhuaweicloud.com/resources/message/groupIcon-02.png"></image>
                    <view class="red-dot"></view>
                </view>
               <view class="borTop">
                    <view class="msgText">
                        <view class="title u-line-1">团队账号权限变更通知</view>
                        <view class="msg u-line-1">xxx权限变更为xx</view>
                    </view>
                    <view class="msgTime">
                        上午9:34
                    </view>
                </view>
            </navigator>
        </view>
    </van-tab>
</van-tabs>