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">{{detailsData.title}}</view>
            <view class="incidental">
                <view class="incidental_l">
                    <van-tag custom-class='tag line-1' color="#FF3B30" plain>{{detailsData.classname}}</van-tag>
                    <view class="time">发布于：{{detailsData.createdate}}</view>
                </view>
                <view class="incidental_r">
                    <view class="incidental_r_item">
                        <text class="iconfont icon-a-tonggaoliulanliang" />
                        {{detailsData.readcount}}
                    </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="数据">
        <DispalyData></DispalyData>
    </van-tab>
</van-tabs>