reader/component/group/group.wxml

<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">
                <view class="number">
                  <text>还剩{{item.groupPurchaseOrder.headcount - item.groupPurchaseOrder.joinCount}}人成团</text>
                  <text>剩余{{groupData.timeList[index]}}结束</text>
                </view>
                <view class="jion-btn" 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>
        <view class="change" bindtap="change">换一换</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>

</template>