<view id="grab_group_home">
  <view class="top-search">
    <view class="search-box">
      <input type="text" value="{{serch_title}}" placeholder="搜索商品" bindinput="searchbtn" bindconfirm="searchConfirm" />
      <view class="search-btn" catchtap="searchConfirm">搜索</view>
    </view>
    <view class="text" catchtap="openIntroduction">活动说明</view>
  </view>
  <view class="banner">
    <swiper style='height:{{Height}}' indicator-dots="{{true}}" autoplay="{{false}}" circular="{{true}}"
      indicator-active-color="#fe6159">
      <block wx:for="{{Banner}}" wx:for-item="slide" wx:for-index="index" wx:key="index"
         >
        <swiper-item>
          <image style="padding:16rpx 28rpx;border-radius:48rpx;width:100%;" src="{{slide.thumb}}" mode='widthFix'
            bindload='imgHeight' data-url="{{slide.thumb_small}}" catchtap="goToUrl"/>
        </swiper-item>
      </block>
    </swiper>
  </view>

  <view class="list-box">
    <van-tabs active="{{activeName}}" bind:change="handleClick" sticky swipeable>
      <van-tab title="{{item.name}}" wx:for="{{titleArr}}">
        <view class="content">
          <view class="li"  wx:for="{{dataList}}" catchtap="gotoGrabGroup" data-id="{{item.goods_id}}">
            <view class="img-box">
              <image src="{{item.thumb}}" alt="" />
            </view>
            <view class="goods-info">
              <view class="title">{{item.goods_name}}</view>
              <view class="m-prices">{{language['money']}}{{item.market_price}}</view>
              <view class="prices">
                <view class="small">{{language['money']}}</view>
                {{item.price}}
              </view>
            </view>
            <view class="other-info" wx:if="{{item.transport_reward>0}}">
              <view class="other-info-box">
                  <view>{{item.limit_num}}人拼团，1人拼中</view>
                  <view>未拼中得{{item.transport_reward}}红包</view>
              </view>
            </view>
          </view>
        </view>
        <view class="is_none" wx:if="{{dataList.length<1}}">
          <view class="box">
            <view class="none">
              <image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/energytank_blank@2x.png"></image>
            </view>
            <view class="is_none_text">该分类暂无活动信息</view>
          </view>
        </view>
      </van-tab>
    </van-tabs>
  </view>

  <view class="float-btn" catchtap="gotoMyGroup">
    <!-- 我的抢团 悬浮按钮 -->
    <icon class="iconfont icon-qt_button_groupbbuy"></icon>
  </view>

  <van-popup show="{{show}}" closeable round close-on-click-overlay="true" bind:close="closeM"
    custom-style="height: 70%;width: 80%;overflow: scroll;padding: 0 28rpx 28rpx;border-radius:20rpx;text-align: center;"
    class="text-popup">
    <view class="h2">活动规则</view>
    <view class="p">
      <rich-text nodes="{{explain}}"></rich-text>
    </view>
  </van-popup>
</view>