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

<!--pages/home/home.wxml-->

<scroll-view style="position: absolute; height: {{windowHeight-safeBottom-50}}px;" scroll-y>
  <!-- banner轮播图 -->
  <swiper class="banner" indicator-active-color="white" indicator-dots autoplay interval="5000" circular>
    <swiper-item class="banner_item" wx:for="{{banners}}" wx:key="id" id="{{item.id}}">
      <view class="swiper-item">
        <image src="{{item.url}}" mode="scaleToFill">第{{item.id}}张图片</image>
      </view>
    </swiper-item>
  </swiper>

  <!-- 通知栏 -->
  <van-notice-bar left-icon="volume-o" bind:click="goToMsg" color="#333" background="#f3f3f3" text="在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。" scrollable></van-notice-bar>

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

  <!-- 功能菜单 -->
  <view class="menus">
    <navigator class="goldprice" url="/mHome/pages/goldPrice/goldPrice">金价</navigator>
    <view class="menu-item" wx:for="{{menus}}" wx:key="id" wx:for-index="idx" wx:for-item="itm">
      <!-- 钻石菜单项 -->
      <navigator class="menus-item1" url="{{itm[0].path}}">
        <text class="title">{{itm[0].title}}</text>
        <image src="https://img.yzcdn.cn/vant/cat.jpeg" mode="aspectFill"></image>
      </navigator>
      <!-- 功能菜单项 -->
      <navigator class="menus-item2" url="{{itm[1].path}}">{{itm[1].title}}</navigator>
    </view>
    <navigator class="exchangerate" url="/mHome/pages/exchangeRate/exchangeRate">今日汇率</navigator>
  </view>

  <!-- 搜索视图 -->
  <view class="search-view" style="display: flex; justify-content: space-around;">
    <van-search label="GIA" value="{{ value }}" shape="round" placeholder="搜索GIA证书" bind:change="onChange" bind:search="onSearch">
    </van-search>  
    <navigator class="calculator" url="/mHome/pages/calculator/calculator">计算器</navigator>
  </view> 

  <!-- 新闻视图 -->
  <view class="news-lists">
    <view><text>资讯</text></view>
    <view class="new-lists-item" wx:for="{{news}}" wx:for-item="itm" wx:for-index="idx" bindtap="goToNews">
      <view class="new-lists-item-left">
        <text>培育钻品牌有了新玩法</text>
        <text>培育钻品牌有了新玩法上游技术升级和下游消费者教育走向成熟，两到三年的快速增长后走向成熟。输入框。该组件是原生组件，使用时请注意相关限制</text>
      </view>
      <image src="https://img.yzcdn.cn/vant/cat.jpeg"></image>
    </view>
  </view>
</scroll-view>