reader/pages/vipActivity/vipActivity.wxml

<!--pages/vipActivity/vipActivity.wxml-->
<wxs src="../../utils/filter.wxs" module="filters"/>
<view class="vip-activity">
  <view class="vip-activity-con">
    <view class="vip-rule">
      <image class="vip-rule-bg" src="http://reader-wx.ai160.com/images/reader/pay/{{date ? 'vip_explain' : 'no_vip'}}.png" />
      <text class="expire-date">{{date && filters.formatDate(date) + '到期'}}</text>
      <view class="plase-rule">
        <text>邀请规则:</text>
        <text class="rule-con">{{isIOS ? '每分享3位好友助力，即可获得1月朗读会员' : '邀请1位好友付费成功，即可免费获得1月朗读会员'}}</text>
      </view>
    </view>
    <image class="plase-friend-bg" src="http://reader-wx.ai160.com/images/reader/pay/please_friend.png" />
    <view class="friend" wx:if="{{peopleNumData.length > 0}}">
      <view class="friend-title {{isIOS ? 'ios-title' : ''}}">
        <text >好友</text>
        <text class="name-title">昵称</text>
        <text >{{isIOS ? '助力日期' : '会员权益'}}</text>
      </view>
      <view class="friend-message" wx:for="{{peopleNumData}}" wx:key="{{item.user.uid}}">
        <image class="friend-head" src="{{item.user.avatar}}" />
        <view class="{{isIOS ? 'ios-name' : 'name'}}">
          <text style="font-weight: 500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">{{item.user.nickName}}</text>
          <text class="friend-date" hidden="{{isIOS}}">购买日期：{{filters.formatDate(item.orderInfo.gmtCreated)}}</text>
        </view>
        <text class="{{isIOS ? 'ios-friend-time' : 'friend-time'}}">{{isIOS ? filters.formatDate(item.userHelp.gmtCreated) : '+1个月'}}</text>
      </view>
    </view>
    <view wx:else class="no-data">
        <image src="http://reader-wx.ai160.com/images/reader/pay/no_one.png" />
    </view>
  </view>
  <view class="vip-go-read" bindtap="shareRead">
    <text>快喊小伙伴，一起来读课文吧！</text>
  </view>
</view>
<shareDialog id="share-dialog" shareType='readActivity' bindShareDialogClose="shareDialogClose" bindaddShareAmount="addShareAmount" shareId="{{id}}" />
<canvas canvas-id="myCanvas" style="width:300px; height: 525px; position: absolute; left: -999rpx; top: -9999rpx;"></canvas>