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

<!-- 头部视图 -->
<view class="top-view" style="position: sticky; top: 0; z-index: 999;"> 
  <!-- 导航栏 -->
  <nav-bar title="广州钻石交易中心" bgColor="#fff" titleColor="#000" left="{{ false }}" />
</view>

<scroll-view style="padding-bottom: 80px; background-color: #f0f0f0;" scroll-y>
  <!-- banner视图 -->
  <view class="banner-bg" style="background-image: url('{{ imgUrl }}home_banner_bg.png'); background-size: 100% 100%;">
    <view class="banner-bg__top" style="padding: 5px 0px;">
      <image style="width: 40%;" mode="widthFix" src="{{ imgUrl+'home_logo.png'}}">logo</image>
    </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" style="border-radius: 10px;" wx:for="{{ banners }}" wx:key="index" id="{{ item }}">
        <view class="swiper-item" style="border-radius: 10px;">
          <image src='{{ item }}' mode="scaleToFill" />
        </view>
      </swiper-item>
    </swiper>
  </view>

  <!-- 统计 -->
  <view class="statistics">
    <view class="statistics__top">
      <view class="statistics-item" wx:for="{{ statistics.top }}" wx:key="id" wx:for-index="idx" wx:for-item="itm" id="{{ itm.class }}" bindtap="onStatisticsClikc">
        <text class="{{ itm.class }}">{{ itm.value }}</text>
        <text class="{{ itm.class }}">{{ itm.title }}</text>
      </view>
    </view>
    <view class="statistics__rate">
      <text class="exchangerate">{{ statistics.rate }}</text>
    </view>
  </view>

  <view style="background-color: #fff;">
    <!-- 功能菜单 -->
    <van-grid column-num="5" icon-size="{{ 35 }}">
      <van-grid-item content-class ="van-grid-item" wx:for="{{ menus }}" wx:key="id" wx:for-index="idx" wx:for-item="itm" id="{{ itm.id }}" url="{{ itm.path }}" text="{{ itm.title }}" icon="{{ imgUrl+itm.icon }}.png" link-type="{{ itm.id === 1 ? 'switchTab' : 'navigateTo' }}"/>
    </van-grid>
  </view>

  <view wx:if="{{ msgs.length != 0 }}" style="background-color: #f0f0f0; width: 100%; height: 15px;" />

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

  <view style="background-color: #f0f0f0; width: 100%; height: 15px;" />

  <!-- 会员风采 -->
  <view class="memberinfo" style="background-color: white;">
    <view class="memberinfo__top">
      <text class="title">会员风采</text>
      <text class="more">更多 ></text>
    </view>
    <view class="memberinfo__list">
      <view class="memberinfo__list__item" wx:for="{{ members }}" wx:for-index="idx" wx:for-item="itm" wx:key="idx">
        <van-image width="70" height="70" radius="10" fit="cover" src="{{ itm.imageurl }}" />
        <view class="memberinfo__list__item__right">
          <view class="memberinfo__list__item__right__top">
            <text class="goodsname">{{ itm.membername }}</text>
            <text class="username">{{ itm.contactname }}</text>
          </view>
          <view class="memberinfo__list__item__right__mid">
            <text class="tag" wx:for="{{ itm.membertagsdisplay }}" wx:for-item="tag" wx:for-index="idx" wx:key="idx">{{ tag }}</text>
          </view>
          <view class="memberinfo__list__item__right__btm">
            <text class="mobile" user-select>电话: {{ itm.contactphone }}</text>
            <text class="wechat" user-select>微信: {{ itm.contactwx }}</text>
          </view>
        </view>
      </view>
    </view>
  </view>
  
  <!-- 无数据 --> 
  <van-empty wx:if="{{ isEmpty }}" class="custom-image" description="无数据"/>
</scroll-view>

<!-- toast --> 
<van-toast id="van-toast" />