front-end/mini-app/pages/interest/invite.wxml

<view class="app-content _div data-v-21441f6b"><view class="invite-top-wrap _div data-v-21441f6b"><view class="invite-top-img _div data-v-21441f6b"><image src="{{constant.imgUrl+'/retail/interest/invite.png'}}" alt mode="widthFix" class="_img data-v-21441f6b"></image></view><view class="invite-top-price-wrap _div data-v-21441f6b"><view class="flex-end-center _div data-v-21441f6b"><label class="money-text _span data-v-21441f6b">{{data.asset.amount}}</label><label class="app-price _span data-v-21441f6b">元</label></view><view class="app-color-2 _div data-v-21441f6b"><label class="_span data-v-21441f6b">受邀朋友可以得</label><label class="app-price _span data-v-21441f6b">{{data.asset.prize}}</label></view></view><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" class="share-btn _div data-v-21441f6b" bindtap="__e"></view></view><view class="list-content _div data-v-21441f6b"><view class="invite-tabs _div data-v-21441f6b"><view class="tabs-list _div data-v-21441f6b"><view class="tabs-img _div data-v-21441f6b"><image src="{{constant.imgUrl+'/retail/interest/invited.png'}}" alt mode="widthFix" class="_img data-v-21441f6b"></image></view><view class="tab-list-right _div data-v-21441f6b"><view class="_div data-v-21441f6b">已邀请(人)</view><view class="tabs-num _div data-v-21441f6b">{{data.stat.inviteNum}}</view></view></view><view class="tabs-list _div data-v-21441f6b"><view class="tabs-img _div data-v-21441f6b"><image src="{{constant.imgUrl+'/retail/interest/ordered.png'}}" alt mode="widthFix" class="_img data-v-21441f6b"></image></view><view class="tabs-list-right _div data-v-21441f6b"><view class="_div data-v-21441f6b">已下单(人)</view><view class="tabs-num _div data-v-21441f6b">{{data.stat.orderNum}}</view></view></view></view><view class="invite-list-blo _div data-v-21441f6b"><view class="invite-list-tit flex-center-between _div data-v-21441f6b"><view class="app-size-30 _div data-v-21441f6b">邀请记录</view><view data-event-opts="{{[['tap',[['e1',['$event']]]]]}}" class="flex-center-end app-color-3 _div data-v-21441f6b" bindtap="__e"><label class="_span data-v-21441f6b">规则说明</label><view class="iconfont iconchangjianwentixiangguanwenti2 _i data-v-21441f6b"></view></view></view><view class="invite-list-wrap _div data-v-21441f6b"><block wx:if="{{!$root.g0}}"><block class="data-v-21441f6b"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="invite-list flex-center-between _div data-v-21441f6b"><view class="list-left flex-center-start _div data-v-21441f6b"><view class="list-img _div data-v-21441f6b"><image src="{{constant.imgUrl+'/retail/user/attr-default.png'}}" alt mode="widthFix" class="_img data-v-21441f6b"></image></view><view class="_div data-v-21441f6b"><view class="app-size-30 _div data-v-21441f6b">{{item.$orig.userName}}</view><view class="app-color-3 invite-list-status _div data-v-21441f6b"><block wx:if="{{item.$orig.status==0}}"><block class="data-v-21441f6b"><label class="_span data-v-21441f6b">{{item.f0}}</label><label class="_span data-v-21441f6b">领券</label></block></block><block wx:else><block wx:if="{{item.$orig.status==1}}"><block class="data-v-21441f6b"><label class="_span data-v-21441f6b">{{item.f1}}</label><label class="_span data-v-21441f6b">下单</label><label class="app-price _span data-v-21441f6b">{{"¥"+item.$orig.amount}}</label></block></block><block wx:else><block wx:if="{{item.$orig.status==2}}"><block class="data-v-21441f6b"><label class="_span data-v-21441f6b">{{item.f2}}</label><label class="_span data-v-21441f6b">兑奖</label></block></block></block></block></view></view></view><view class="app-size-26 _div data-v-21441f6b">{{item.f3}}</view></view></block></block></block><block wx:else><block class="data-v-21441f6b"><app-wrapper-empty vue-id="1" title="暂无数据" is-empty="{{$root.g1}}" class="data-v-21441f6b" bind:__l="__l"></app-wrapper-empty></block></block></view></view></view><alert-module vue-id="2" show="{{showAlert}}" data-event-opts="{{[['^click',[['hideAlert']]],['^cancel',[['hideAlert']]]]}}" bind:click="__e" bind:cancel="__e" class="data-v-21441f6b" bind:__l="__l" vue-slots="{{['default']}}"><view class="alt-wrap _div data-v-21441f6b"><view class="alt-tit app-size-34 _div data-v-21441f6b">规则说明</view><view class="alt-content _div data-v-21441f6b"><view class="_div data-v-21441f6b">1、邀请有礼活动老客可以获得奖励，新客可以获得超值的优惠券；</view><view class="_div data-v-21441f6b">2、只有本店老客户才能发起邀请；</view><view class="_div data-v-21441f6b">3、接受邀请的人需本店新客户；</view><view class="_div data-v-21441f6b">4、本活动只能邀请自己的朋友，请勿滥发邀请链接，否则取消邀请权力。</view></view></view></alert-module><app-share-mask vue-id="3" show="{{showShare}}" data-event-opts="{{[['^click',[['hideShare']]]]}}" bind:click="__e" class="data-v-21441f6b" bind:__l="__l"></app-share-mask></view>