<template name="group">
  <view class="group">
    <scroll-view scroll-y="{{true}}">
      <view class="group-container">
        <!-- <block wx:for="{{groupData.recommendList}}" wx:key="{{index}}">
          <view class="group-bars">
            <view class="group-head">
              <image src="{{item.organizer.avatar}}"></image>
              <text>{{item.organizer.wechatName}}</text>
            </view>
            <view class="group-jion">
              <view class="top-title">
                <text>{{item.groupPurchaseOrder.groupTitle}}</text>
                <text>{{item.groupPurchaseOrder.headcount}}人团</text>
              </view>
              <view class="group-detail {{groupData.isIOS ? 'specialBorder' : ''}}">
                <view class="number">
                  <text>还剩{{item.groupPurchaseOrder.headcount - item.groupPurchaseOrder.joinCount}}人成团</text>
                  <text>剩余{{groupData.timeList[index]}}结束</text>
                </view>
                <view class="jion-btn {{groupData.isIOS ? 'specialBtn' : ''}}" bindtap="groupDetail" data-ind="{{index}}" data-id="{{item.groupPurchaseOrder.id}}" data-productId="{{item.groupPurchaseOrder.productId}}" data-groupId="{{item.groupPurchaseOrder.groupId}}">
                  去参团
                </view>
              </view>
            </view>
          </view>
        </block> -->
        <block wx:for="{{groupData.recommendList}}" wx:key="{{index}}">
          <view class="group-bars">
            <view class="group-head">
              <image src="{{item.avatar}}"></image>
              <text>{{item.wechatName}}</text>
            </view>
            <view class="group-jion">
              <view class="top-title">
                <text>{{item.productTitle}}</text>
                <text>{{item.headCount}}人团</text>
              </view>
              <view class="group-detail {{groupData.isIOS ? 'specialBorder' : ''}}">
                <view class="number">
                  <text>还剩{{item.headCount - item.joinCount}}人成团</text>
                  <text>剩余{{item.lastTime}}结束</text>
                </view>
                <view class="jion-btn" bindtap="groupDetail" data-ind="{{index}}" data-id="{{item.id}}" >
                  {{groupData.isIOS ? '助力' : '去参团'}}
                </view>
              </view>
            </view>
          </view>
        </block>
        <view class="change" bindtap="change" wx:if="{{groupData.listLength > 1}}">换一换</view>
      </view>
      <view class="title">
        <image class="ren" src="../../static/groupImg/Shape3.png" style="width: 30rpx; height: 38rpx;"></image>
        <text class="left">全部课程</text>
        <view class="right" bindtap="more" data-type="course">
          更多
          <image src="../../static/image/to.png" />
        </view>
      </view>
      <view class="whole-group">
        <view class="group-box">
          <block wx:for="{{groupData.bookList}}" wx:key="{{index}}">
            <view class="group-item" data-id="{{item.id}}" data-title="{{item.title}}" bindtap="goToBook">
              <image class="item-img" src="{{item.iconImg}}"></image>
              <view id="grade">{{item.subTitle}}</view>
            </view>
          </block>
        </view>
      </view>
    </scroll-view>
  </view>
  <!-- <MyToast bindShowAlert="showAlert" wx:if="{{groupData.alertFlag}}"  /> -->
</template>