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">
        <navigator url="/pages/login/selectSite" open-type="reLaunch" class="header_title">
            {{user.sitename}}
            <van-icon name="arrow-down" />
        </navigator>
    </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="#" class="item" wx:for="{{gridList}}" wx:key="{{index}}" data-item="{{item}}" catchtap="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 wx:if="{{annunciateList.length>0 && showAnnunciate}}" title='最新通告' class="annunciate">
    <view class="unread" slot='title-r' bindtap="toAnnunciate">
        12条未读
        <view class="circle" />
        <van-icon class="icon" name="arrow" />
    </view>
    <block wx:for="{{annunciateList}}">
        <navigator url="#" class="item-box" data-item="{{item}}" bindtap="toAnnunciateDetails">
            <Item item='{{item}}' />
        </navigator>
        <view wx:if="{{index!=annunciateList.length-1}}" style="width: 100%; border: 1rpx solid #EEEEEE; margin-left: 30rpx;" />
    </block>
</My_card>

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