share_activity/pages/integral/integral.wxml

<!--pages/integral/integral.wxml-->
<view class="integral-top">
  <swiper class="integral-banner" autoplay="true" indicator-dots="true">
    <block wx:for="{{bannerList}}" wx:key="key" data-id="{{item.id}}">
      <swiper-item>
        <image class="head-follow" src="{{item.image}}"></image>
      </swiper-item>
    </block>
  </swiper>
  
<!-- 我的卡券 -->
<view class="my-card">
  <view class="card-content">
    <text>我的兑换</text>
  </view>
</view>
</view>
<view class="exchange-style">
  <view class="exchange-text">免费兑换</view>
</view>
<view class="integral-list">
  <view class="list-item flex-row" wx:for="{{couponList}}" wx:key="key" data-id="{{item.id}}">
    <image class="item-img" src="{{item.image}}"></image>
    <view class="content">
      <view class="content-title over-ellipsis-two">
        <text>{{item.name}}</text>
      </view>
      <view class="content-details">
        <!-- <text>商品详情 ></text> -->
      </view>
      <view class="content-details">
        <text>商品详情 ></text>
      </view>
    </view>
    <view class="receive-style">
      <view class="receive-button">
        <view class="button-text">立即领取</view>
      </view>
    </view>
  </view>
</view>

<!-- 底部结算 -->
<view class="receive-now">
  <view class="receive-count receive-info">
    <text>合计：</text>
    <text>{{total}}</text>
    <text>积分</text>
  </view>
  <view class="receive-info">
    <button v-if="phone === '********'" type="default" hover-class="navigator-hover" class="receive-btn" open-type="getPhoneNumber">立即领取</button>
  </view>
</view>