<view style="margin-bottom: 140rpx;">
  <swiper wx:if="{{banner_list.length>0}}" class="coffee-bgimg" indicator-dots="true" autoplay="true" interval="3000" duration="1000" circular>
    <swiper-item wx:key="id" wx:for="{{banner_list}}" wx:key="index" data-item="{{item}}">
      <image src="{{item.bannerUrl}}"></image>
    </swiper-item>
  </swiper>
  <scroll-view style="height:100%;width:100%;" scroll-y="true" bindscroll="scroll">
    <van-tabs active="{{ active }}" bind:scroll="onScroll" bind:click="onClick" color="#1296db" class="{{scrollTop > 360 ? 'stickyClass' : ''}}">
      <van-tab title="{{item.name}}" data-id="{{item.id}}" wx:for="{{tabList}}" wx:key="index" name="{{item.id}}"></van-tab>Ï
    </van-tabs>
    <view class="coffee-item" wx:for="{{goodsList}}" wx:key="index">
      <image class="coffee-img" src="{{item.mainImage}}"></image>
      <view class="coffee-info">
        <view class="coffee-name">{{item.name}}</view>
        <view class="coffee-price">
          <view>¥{{item.price/100}}</view>
          <view>已售:{{item.volume}}</view>
        </view>
      </view>
    </view>
  </scroll-view>
</view>

  scroll(e) {
      console.log(e);
   },