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

<!-- 导航栏 -->
<nav-bar title="广州钻石交易中心" left="{{ false }}"></nav-bar>

<scroll-view style="padding-bottom: 80px;" scroll-y>
  <!-- banner视图 -->
  <view class="banner-bg">
    <view class="banner-bg__top">
      <image style="width: 60%;" mode="widthFix" src="http://218.17.158.45:23012/mtp2-onlineopen/uploadFile/gz/login_logo.png">logo</image>
      <van-button type="info" round icon="search">证书号搜索钻石</van-button>
    </view>
    <!-- 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>
  </view>

  <!-- 统计 -->
  <view class="statistics">
    <view class="statistics-item" wx:for="{{ statistics }}" wx:key="id" wx:for-index="idx" wx:for-item="itm">
      <text class="{{ itm.class }}">{{ itm.value }}</text>
      <text class="{{ itm.class }}">{{ itm.title }}</text>
    </view>
  </view>

  <!-- 功能菜单 -->
  <van-grid column-num="4" border="{{ false }}" icon-size="{{ 50 }}">
    <van-grid-item wx:for="{{ menus }}" wx:for-item="index" wx:key="id" wx:for-index="idx" wx:for-item="itm" id="{{ itm.id }}" url="{{ itm.path }}" text="{{ itm.title }}" icon="http://218.17.158.45:23012/mtp2-onlineopen/uploadFile/gz/{{ itm.icon }}.png"/>
  </van-grid>

  <!-- 通知栏 -->
  <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 />
</scroll-view>


<!-- toast --> 
<van-toast id="van-toast" />
<!-- 无数据 --> 
<van-empty wx:if="{{ isEmpty }}" class="custom-image" description="无数据"/>