nostone_loan_wxapp/pages/index/index.wxml

<cu-custom bgColor="bg-gradual-blue">
  <view slot="content">首页</view>
  <view class="action " slot="right">
    <view class="cu-load load-icon padding-left {{isLoad?'loading':'over'}}"></view>
  </view>
</cu-custom>
<!-- 通知栏 -->
<van-sticky offset-top="{{ CustomBar }}">
  <view class="header bg-orange light">
    <text class="cuIcon-notification block "></text>
    <view class="body">
      <swiper autoplay interval="5000" duration="500" vertical style="height: 100%;width: 100%;">
        <swiper-item bindtap="tipsFunc" data-index="{{index}}" wx:for="{{tips}}" wx:key="index" class="text-cut">
          {{item.value}}</swiper-item>
      </swiper>
    </view>
  </view>
</van-sticky>
<!-- 清除吸顶带来的为浮动 不建议这么做-->
<view style="height:90rpx"></view>
<!-- 商品 -->
<veiw class="section">
  <view bindtap="onClickFunc" data-index="{{index}}" wx:for="{{value.value}}" wx:key="index"
    class="bg-img bg-mask padding-tb-xl margin-bottom-xl" style="background-image: url('{{item.img}}');height: 414rpx;">
    <view class="padding-xl text-white">
      <view class="padding-xs text-xl text-cut">{{item.title}}</view>
      <view class="padding-xs">{{item.detail}}</view>
    </view>
  </view>
  <view class="cu-load bg-grey {{value.page > value.totalPage ?'over':'loading'}}"></view>
  <van-empty wx:if="{{value.value.length == 0}}" description="暂无商品" />
</veiw>

<view style="height: 100rpx;"></view>
<view class="cu-bar tabbar bg-white shadow foot">
  <view class="action" bindtap="NavChange" data-active="true" data-path="pages/index/index">
    <view class='cuIcon-cu-image'>
      <image src="../../assets/tabber/menu_copy.png"></image>
    </view>
    <view class="text-blue">首页</view>
  </view>
  <view class="action" bindtap="NavChange" data-path="pages/add/index">
    <view class='cuIcon-cu-image'>
      <image src="../../assets/tabber/add_copy1.png"></image>
    </view>
    <view class="text-black">新增填报</view>
  </view>
  <view class="action" bindtap="NavChange" data-path="pages/login/index">
    <view class='cuIcon-cu-image'>
      <image src="../../assets/tabber/my_copy1.png"></image>
    </view>
    <view class="text-black">我的</view>
  </view>
</view>