reader/component/group/group.wxml

<template name="group">
  <view class="group">
    <scroll-view scroll-y="{{true}}">
      <view class="group-container">
        <view class="search">
          <input type="text" placeholder="小学三年级下"></input>
          <image class="sou" src="../../static/groupImg/Group 11@2x.png"></image>
        </view>
        <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">更多 ></text>
          </view>
          <view class="group-box">
            <view class="group-item">
              <image src="" style="background: red;"></image>
              <view>拼团价 <text>￥1</text></view>
              <view>原价 <text style="text-decoration: line-through;">￥99</text></view>
            </view>
            <view class="group-item">
              <image src="" style="background: red;"></image>
              <view>拼团价 <text>￥1</text></view>
              <view>原价 <text style="text-decoration: line-through;">￥99</text></view>
            </view>   
            <view class="group-item">
              <image src="" style="background: red;"></image>
              <view>拼团价 <text>￥1</text></view>
              <view>原价 <text style="text-decoration: line-through;">￥99</text></view>
            </view>
            <view class="group-item">
              <image src="" style="background: red;"></image>
              <view>拼团价 <text>￥1</text></view>
              <view>原价 <text style="text-decoration: line-through;">￥99</text></view>
            </view> 
            <view class="group-item">
              <image src="" style="background: red;"></image>
              <view>拼团价 <text>￥1</text></view>
              <view>原价 <text style="text-decoration: line-through;">￥99</text></view>
            </view>
            <view class="group-item">
              <image src="" style="background: red;"></image>
              <view>拼团价 <text>￥1</text></view>
              <view>原价 <text style="text-decoration: line-through;">￥99</text></view>
            </view>                                 
          </view>
        </view>
      </view>
      <view class="whole-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">更多 ></text>
          </view>
          <view class="group-box">
            <view class="group-item">
              <image src="" style="background: red;"></image>
              <view id="grade">一年级语文下册</view>
            </view>
            <view class="group-item">
              <image src="" style="background: red;"></image>
              <view id="grade">一年级语文下册</view>
            </view>   
            <view class="group-item">
              <image src="" style="background: red;"></image>
              <view id="grade">一年级语文下册</view>
            </view>                               
          </view>
        </view>
    </scroll-view>
    <view class="Collage-bottom">
      <view>
        <image src="../../static/groupImg/Shape1@2x.png"></image>
        <text>发起团购</text>
      </view>
      <view>
        <image src="../../static/groupImg/Shape2@2x.png"></image>
        <text>发起团购</text>
      </view>
    </view>
  </view>
</template>