wxappb2b/GuangZuan/miniprogram/pages/home/index.wxml

<!-- 导航栏 -->
<nav-bar title="首页" left="{{ false }}"></nav-bar>

<scroll-view style="padding-bottom: 80px;" scroll-y>
  <!-- banner轮播图 -->
  <swiper class="banner" wx:if="{{banners.count != 0}}" indicator-active-color="orange" indicator-dots autoplay interval="5000" circular>
    <swiper-item class="banner_item" wx:for="{{banners}}" wx:key="index" id="{{item}}">
      <view class="swiper-item">
        <image src='{{item}}' mode="widthFix"></image>
      </view>
    </swiper-item>
  </swiper>

  <!-- 通知栏 -->
  <van-notice-bar wx:if="{{msgs.length != 0}}" left-icon="volume-o" mode="link" bind:click="goToMsg" color="#333" background="#f3f3f3" text="{{notice.title}}" scrollable></van-notice-bar>

  <!-- 统计 -->
  <view class="statistics" style="background-color: firebrick;">
    <view class="statistics-item" wx:for="{{statistics}}" wx:key="id" wx:for-index="idx" wx:for-item="itm">
      <text>{{itm.title}}</text>
      <text>{{homedata[idx]}}</text>
    </view>
  </view>

  <!-- 功能菜单 -->
  <view class="gird-view">
    <view class="gird-view__item" wx:for="{{ menus }}" wx:key="id" wx:for-index="idx" wx:for-item="itm" id="{{ itm.id }}" data-url="{{ itm.path }}" bindtap="onGirdClick">
      <image class="gird-view__item__icon" mode="widthFix" src="../../images/{{ itm.icon }}.png"></image>
      <text class="gird-view__item__title">{{ itm.title }}</text>
    </view>
  </view>

  <!-- 公告消息 -->
  <view class="msg-view">
    <view class="msg-view__top">
      <van-tabs custom-class="msg-view__menus" bind:change="onChange" color="#2270D9" line-width="20px" title-inactive-color="#333" title-active-color="#2270D9" bind:change="onTabChange">
        <van-tab wx:for="{{ tabs }}" wx:for-item="itm" wx:for-index="idx" wx:key="id" title="{{ itm.title }}" />
      </van-tabs>
      <image class="msg-view__top__more" src="../../images/home-more.png" bindtap="goToMsg"></image>
    </view>
    <van-cell-group wx:if="{{ !isEmpty }}">
      <van-cell custom-class="msg-item" wx:for="{{msgs}}" wx:key="id" wx:for-index="idx" wx:for-item="itm" id="{{idx}}" bind:click="goToMsgDetail">
        <view solt="title" class="view_top_content">
          <text class="msg_date" user-select>{{ itm.scheduletime }}</text>
          <text class="msg_title" user-select>{{ itm.title }}</text>
        </view>
      </van-cell>
    </van-cell-group>
  </view>
</scroll-view>

<!-- 证书查询  -->
<view class="certsearch" style="background-image: url('../../images/home-zscx.png');" bindtap="goToCerserach"></view>
<!-- 计算器  -->
<view class="calculator" style="background-image: url('../../images/home-jsq.png');" bindtap="goToCalculator" ></view>
<!-- toast --> 
<van-toast id="van-toast" />
<!-- 无数据 --> 
<van-empty wx:if="{{ isEmpty }}" class="custom-image" description="无数据"/>