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" mode="link" bind:click="goToMsg" color="#333" background="#f3f3f3" text="在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。" 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>{{itm.value}}</text>
    </view>
  </view>

  <!-- 功能菜单 -->
  <view class="menus">
    <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" user-select>{{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>
    
  </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>  
    
  </view> 

  <!-- 新闻视图 -->
  <view class="news-lists">
    <text class="title" user-select>资讯</text>
    <news-item class="new-lists-item" wx:for="{{news}}" wx:key="id" wx:for-item="itm" wx:for-index="idx" id="{{idx}}" bindtap="goToNews" title="{{itm.title}}" content="{{itm.content}}" imgUrl="{{itm.img}}"></news-item>
  </view>
</scroll-view>

<!-- 金价  -->
<navigator class="goldprice" url="/mHome/pages/goldprice/goldprice">金价</navigator>
<!-- 今日汇率  -->
<navigator class="exchangerate" url="/mHome/pages/exchangeRate/exchangeRate">今日汇率</navigator>
<!-- 计算器  -->
<navigator class="calculator" url="/mHome/pages/calculator/calculator">计算器</navigator>