MD_YOSwechat/pages/annunciate/details.wxml

<van-tabs swipeable sticky color='var(--assist)' title-active-color='var(--assist)'>
    <van-tab title="详情">
        <view class="main">
            <view class="title multi-line">多三边定制家具7月新品政策sdfsdf多三边定制家具7月新品政策65464多三边定制家具7月新品政策sadas</view>
            <view class="incidental">
                <view class="incidental_l">
                    <van-tag custom-class='tag' color="#FF3B30" plain>政策公告</van-tag>
                    <view class="time">发布于：2022-10-12</view>
                </view>
                <view class="incidental_r">
                    <view class="incidental_r_item">
                        <text class="iconfont icon-a-tonggaoliulanliang" />
                        200
                    </view>
                </view>
            </view>
            <view class="cut-off-rule" />
        </view>
        <My_card custom-class="evaluate" title="通告评价" hover>
            <view slot='title-r' class="title-r">112人评分</view>
            <view class="score">
                <text>总体</text>
                <van-rate custom-class='rate' value="{{ rate.nubmer }}" size="{{ 25 }}" color="#ffd21e" void-icon="star" void-color="#eee" bind:change="rateChange" />
                <text>{{rate.text}}</text>
            </view>
            <view class="but-box">
                <van-button custom-class='submit' color="var(--assist)">提交</van-button>
            </view>
        </My_card>
        <My_card title="建议与反馈">
            <view style="width: 100%; text-align: center;">
                <textarea placeholder="请输入您的建议与反馈"></textarea>
                <view class="but-box">
                    <van-button custom-class='submit' color="var(--assist)">提交</van-button>
                </view>
            </view>
        </My_card>
    </van-tab>
    <van-tab title="数据">
        <!-- 头部数据 -->
        <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>
    </van-tab>


</van-tabs>