微信小程序系统消息评论展示页面设计教程下载

<view class="page">
 <!--主体-->
 <view class="page__bd"> 
  <view class="list">

    <view class="page__bd">
        <view class="weui-cells weui-cells_after-title">
            <navigator url="/pages/msg/list?id=comment" class="weui-cell weui-cell_access" hover-class="weui-cell_active">
                <view class="weui-cell__hd">
                   <image src="/img/msg_1.png" style="margin-right: 5px;vertical-align: middle;width:40px; height: 40px;"></image>
                </view>
                <view class="weui-cell__bd">评论</view>
                <view class="weui-cell__ft weui-cell__ft_in-access"><view class="weui-badge" wx:if="{{data.comment}}" style="margin-left: 5px;">{{data.comment}}</view></view>
            </navigator>
        </view>
        <view class="weui-cells weui-cells_after-title">
            <navigator url="/pages/msg/list?id=zan" class="weui-cell weui-cell_access" hover-class="weui-cell_active">
                <view class="weui-cell__hd">
                   <image src="/img/msg_2.png" style="margin-right: 5px;vertical-align: middle;width:40px; height: 40px;"></image>
                </view>
                <view class="weui-cell__bd">赞</view>
                <view class="weui-cell__ft weui-cell__ft_in-access"><view class="weui-badge" wx:if="{{data.zan}}" style="margin-left: 5px;">{{data.zan}}</view></view>
            </navigator>
        </view>
        <view class="weui-cells weui-cells_after-title">
            <navigator url="/pages/msg/list?id=notice" class="weui-cell weui-cell_access" hover-class="weui-cell_active">
                <view class="weui-cell__hd">
                   <image src="/img/msg_3.png" style="margin-right: 5px;vertical-align: middle;width:40px; height: 40px;"></image>
                </view>
                <view class="weui-cell__bd">系统消息</view>
                <view class="weui-cell__ft weui-cell__ft_in-access"><view class="weui-badge" wx:if="{{data.notice}}" style="margin-left: 5px;">{{data.notice}}</view></view>
            </navigator>
        </view>
    </view>


  </view>
 </view>
 <!--没有页脚-->
</view>