MD_YOSwechat/pages/tabbar/home/index.wxml

<view style="width: 1rpx;height: {{capsule.top-6+'px'}};" />
<view class="header" />
<!-- 自定义nav -->
<view style="position: fixed;top: 0; z-index: 999999999;">
    <view style="width: 100vw;height: {{capsule.top-6+'px'}};background-color:#085CDF;" />
    <view class="header">
        <view class="header_title">
            营销总监
            <van-icon name="arrow-down" />
        </view>
    </view>
</view>
<!-- 轮播区域 -->
<view class="banner">
    <view class="banner_oval" />
    <My_card custom-class='banner_content' hover>
    </My_card>
</view>
<view style="height: 130rpx;" />
<!-- 滚动通知 -->
<view class="scroll-area">
    <van-notice-bar custom-class='notice-bar' background="none" color='#666' text="滚动区域滚动区域滚动区域滚动区域滚动区域滚动区域滚动区域滚动区域滚动区域滚动区域">
        <text slot="left-icon" class="iconfont icon-a-shouyexiaoxigundongquxiaoxi" />
    </van-notice-bar>
</view>

<!-- 宫格区域 -->
<My_card custom-class='grld'>
    <navigator url="{{item.path}}" class="item" wx:for="{{gridList}}" wx:key="{{index}}" data-name="{{item.name}}" bindtap="applications">
        <view class="iconfont {{item.icon}}" />
        <text>{{item.name}}</text>
    </navigator>
</My_card>

<!-- 数据概况标题 -->
<view class="general-situation">
    <view class="title">
        <text class="iconfont icon-a-shouyeshujugaikuangzhanshishuju"></text>
        数据概况
    </view>
    <view class="time">更新于：2022-02-12</view>
</view>

<!-- 数据概况展示 -->
<My_card custom-class='data-display' hover>
    <view class="item" wx:for="{{6}}">
        <view class="label">销售额(￥)</view>
        <view class="nubmer">9999.99</view>
    </view>
</My_card>

<!-- 通告 -->
<My_card title='最新通告' class="annunciate">
    <view class="unread" slot='title-r' bindtap="toAnnunciate">
        12条未读
        <view class="circle" />
        <van-icon class="icon" name="arrow" />
    </view>
    <view class="annunciate_banner">
        banner占位
    </view>
    <navigator url="/pages/annunciate/details" wx:for="{{3}}">
        <view class="item">
            <view class="title line-1">五一劳动节活动五一劳动节活动五一劳动节活动五一劳动节活动五一劳动节活动五一劳动节活动</view>
            <view class="explain line-1">五一劳动节活动五一劳动节活动五一劳动节活动五一劳动节活动五一劳动节活动五一劳动节活动</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-tonggaofujian" />
                        附件:1
                    </view>
                    <view class="incidental_r_item">
                        <text class="iconfont icon-a-tonggaoliulanliang" />
                        200
                    </view>
                </view>
            </view>
        </view>
    </navigator>
</My_card>

<view style="height: 140rpx;" />