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 class="less-group">
          <view class="group-box">
            <block wx:for="{{groupData.recommendList}}" wx:key="{{index}}">
              <view class="group-item" bindtap="groupDetail" data-ind="{{index}}" data-id="{{item.id}}" data-productId="{{item.productId}}" data-groupId="{{item.groupId}}">
                <image class="item-img" src="{{item.iconImg}}"></image>
                <view>拼团价 <text>￥{{item.price / 100}}</text></view>
                <view>原价 <text style="text-decoration: line-through;">￥{{item.originPrice / 100}}</text></view>
                <view class="group-num">
                  <image src="../../static/groupImg/Rectangle_30.png" ></image>
                  <text>{{item.headcount}}人团</text>
                </view>
              </view>
            </block>                 
          </view>
        </view>
        -->
      </view>
      <view class="title">
        <image class="ren" src="../../static/groupImg/Shape3.png" style="width: 30rpx; height: 38rpx;"></image>
        <text class="left">全部课程</text>
        <text class="right" bindtap="more" data-type="course">更多 ></text>
      </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 class="Collage-bottom {{groupData.isIPX ? 'Collage-bottomx' :''}}">
      <image class="bg" src="../../static/groupImg/Rectangle_9.png"></image>
      <view bindtap="sendGroup">
        <image src="../../static/groupImg/Shape1@2x.png"></image>
        <text>发起团购</text>
      </view>
      <view bindtap="myGroup">
        <image src="../../static/groupImg/Shape2@2x.png" style="width: 50rpx; height: 50rpx;"></image>
        <text>我的拼团</text>
      </view>
    </view>
  </view>
  <!--
  <view class="group-popup" bindtap="sendGroup" hidden="{{groupData.sendGroupFlag}}">
      <view class="group-content">
        <view class="group-title">请选择课本</view>
        <view class="group-list">
          <block wx:for="{{groupData.bookList}}" wx:key="{{index}}">
              <view class="group-item" catchtap="selectImg" data-ind="{{index}}">
                <image class="item-img" src="{{item.iconImg}}"></image>
                <view id="grade">{{item.subTitle}}</view>
                <image class="select-img" src="../../static/groupImg/{{groupData.selectFlag[index] ? 'bai' : 'lan'}}.png"></image>
              </view> 
          </block>
        </view>
        <view class="sure" catchtap="sure">
          <image src="../../static/groupImg/sure.png"></image>
          <text>确定</text>
        </view>
      </view>
  </view>
  -->
</template>