<view id="cpsCard">
  <view class="top" wx:if="{{!curr}}">
    <view class="top-box">
      <view class="left"></view>
      <view class="mid">
        <image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/icon_card_title_left.png"></image>

        <view style="font-size: 32rpx;color: #633B26;margin:0 20rpx;">热门推荐</view>

        <image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/icon_card_title_right.png"></image>
      </view>
      <view class="right"></view>
    </view>
    <view class="top-content">
      <view class="block">
        <view class="item" wx:for="{{hot}}" wx:key='index' catchtap="goDetail" data-id='{{item.id}}' data-name='{{item.name}}'>
          <view class="item-avatar">
            <image src="{{item.logo}}"></image>
          </view>
          <view style="font-size:24rpx;margin-top:14rpx;">{{item.name}}</view>
          <view style="color: #777777;font-size:24rpx;margin-top:8rpx">{{item.description}}</view>
        </view>

      </view>
    </view>
  </view>

  <view class="page-section-spacing" style="{{curr?'position:fixed;top:0;background: #353535;width:100%;z-index:999;':''}}">
    <scroll-view class="scroll-view_H" scroll-x="true" bindscroll="tabScroll" style="width: 100%;padding: 20rpx 0;" scroll-into-view="{{currBox}}">
      <view class="tab" wx:for="{{category}}" wx:key="index" catchtap="taptest" data-ind="{{index}}"
        id="{{index?'tab'+index:'tab0'}}">
        <!-- <image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/icon_card_menu.png" wx:if="{{acindex == index}}"></image> -->
        <view style="z-index:99;color: #EED9AC;" class=" {{acindex == index?'active':''}}">{{item.name}}</view>
      </view>
    </scroll-view>
  </view>
  <!-- </scroll-view> -->

  <scroll-view scroll-into-view="{{toview}}" scroll-y="true" style="height:100vh;" enhanced='true' bindscroll='bincroll'>
    <view class="free-welfare" id="{{index?'ind'+index:'ind0'}}" wx:for="{{category}}" wx:key="index">
      <view class="welfare-title">
        <image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/icon_card_title_left.png"></image>
        <view style="font-size: 32rpx;color: #633B26;margin:0 20rpx;">{{item.name}}</view>
        <image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/icon_card_title_right.png"></image>
      </view>
      <view class="welfare-content">
        <view class="block">
          <view class="item" wx:for="{{item.brand}}" wx:for-item='info' wx:key='ind' catchtap="goDetail" data-id='{{info.id}}' data-name='{{item.name}}'>
            <view class="item-avatar">
              <image src="{{info.logo}}"></image>
            </view>
            <view style="font-size:24rpx;margin-top:14rpx;">{{info.name}}</view>
            <view
              style="color: #777777;font-size:24rpx;margin-top:8rpx;padding-left: 20rpx;box-sizing: border-box;width: 100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;">
              {{info.description}}</view>
          </view>
        </view>
      </view>
    </view>
  </scroll-view>
</view>