<view class="container">
  <scroll-view class="groupon-list" scroll-y="true" scroll-top="{{scrollTop}}">

    <view class="item" wx:for="{{grouponList}}" wx:for-index="index" wx:for-item="item" wx:key="id">
      <navigator url="/pages/goods/goods?id={{item.id}}">
        <image class="img" src="{{item.picUrl}}" background-size="cover"></image>
        <view class="right">
          <view class="text">
            <view class="header">
              <text class="name">{{item.name}}</text>
              <view class="capsule-tag">
                  <zan-capsule color="#a78845" leftText="{{item.grouponMember}}人成团" rightText="立减{{item.grouponDiscount}}" />
              </view>
            </view>
            <text class="desc">{{item.brief}}</text>
            <view class="price">
              <view class="counterPrice">现价：￥{{item.retailPrice}}</view>
              <view class="retailPrice">团购价：￥{{item.grouponPrice}}</view>
            </view>
          </view>
        </view>
      </navigator>
    </view>

    <view class="page" wx:if="{{showPage}}">
      <view class="prev {{ page <= 1 ? 'disabled' : ''}}" bindtap="prevPage">上一页</view>
      <view class="next {{ (count / limit) < page ? 'disabled' : ''}}" bindtap="nextPage">下一页</view>
    </view>
  </scroll-view>
</view>