reader/component/group/group.wxml

<template name="group">
  <view class="group">
    <scroll-view scroll-y="{{true}}">
      <view class="group-container">
        <view class="less-group">
          <view class="title">
            <image class="ren" src="../../static/groupImg/tuandui@2x.png"></image>
            <text class="left">限量优惠团购<text class="quota">（仅有1000份，售完为止）</text></text>
            <text class="right" bindtap="more" data-type="group">更多 ></text>
          </view>
          <view class="group-box">
            <block wx:for="{{groupData.recommendList}}" wx:key="{{index}}">
              <view class="group-item" bindtap="groupDetail" 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="whole-group">
          <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="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">
      <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>