MD_YOSwechat/pages/annunciate/modules/displayData.wxml

<!-- 头部数据 -->
<My_card custom-class='head'>
    <view class="box">
        <view class="title">
            <text class="iconfont icon-a-tonggaoshujuliulanliang" />浏览量
        </view>
        <view class="data">
            <view class="subarea">
                <view class="nubmer">15</view>
                <view class="string">已浏览</view>
            </view>
            <view class="vertical" />
            <view class="subarea">
                <view class="nubmer">30</view>
                <view class="string">应浏览</view>
            </view>
        </view>
    </view>
    <view class="box">
        <view class="title">
            <text class="iconfont icon-a-tonggaoshujuxiazailiang" />下载量
        </view>
        <view class="data">
            <view class="subarea">
                <view class="nubmer">15</view>
                <view class="string">已下载</view>
            </view>
            <view class="vertical" />
            <view class="subarea">
                <view class="nubmer">30</view>
                <view class="string">应下载</view>
            </view>
        </view>
    </view>
</My_card>
<My_card custom-class='data-main'>
    <view class="tab">
        <view class="tab_item active">未浏览人员</view>
        <view class="tab_item">未下载人员</view>
    </view>
    <view class="data-content">
        <block wx:for="{{5}}">
            <view class="title">
                <view class="title_l">负责人：张三</view>
                <view class="title_r">
                    应浏览：3人 未浏览：2人
                </view>
            </view>
            <view class="user-list">
                <view class="user" wx:for="{{5}}">
                    <view class="line-1">江苏省苏州市姑苏区 张三丰</view>
                    <text class="iconfont icon-shujubodadianhua1" />
                </view>
            </view>
            <view class="line-between" />
        </block>
    </view>
</My_card>