vip-card.wxml 3.7 KB

1
  1. <app-layout vue-id="6f1daf37-1" bind:__l="__l" vue-slots="{{['default']}}"><block wx:if="{{card}}"><view class="page"><view class="main-card" style="{{'background-image:'+('url('+appImg.vip_card.default_card+')')+';'}}"><view class="name">{{card.name}}</view><view style="margin-bottom:24rpx;">开通超级会员可以享受以下权益</view><view class="dir-left-nowrap cross-center"><image style="width:42rpx;height:30rpx;margin-right:18rpx;" src="/static/image/icon/vip-card-coupon.png"></image><view style="margin-right:50rpx;">{{card.discount==0?'免费':card.discount+'折'}}</view><block wx:if="{{card.is_free_delivery==1||true}}"><image style="width:38rpx;height:32rpx;margin-right:18rpx;" src="/static/image/icon/vip-card-delivery.png"></image><view style="margin-right:32rpx;">自营商品包邮</view></block><view data-event-opts="{{[['tap',[['navigateVipCardPrivilege',['$event']]]]]}}" style="color:#b17426;" bindtap="__e"><text>查看权益 ></text></view></view></view><block wx:for="{{card.detail}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['active',[index]]]]]}}" class="{{['child-card','dir-left-nowrap','cross-center',item.active?'active':'']}}" bindtap="__e"><view class="box-grow-1"><view style="margin-bottom:12rpx;">{{item.name}}</view><view class="dir-left-nowrap" style="font-size:24rpx;"><block wx:if="{{item.active}}"><view data-event-opts="{{[['tap',[['showDesc',['$0'],[[['card.detail','',index]]]]]]]}}" class="dir-left-nowrap cross-center" catchtap="__e"><view style="color:#ffb85d;margin-right:8rpx;font-size:22rpx;line-height:1.05;">使用说明</view><app-css-icon vue-id="{{('6f1daf37-2-'+index)+','+('6f1daf37-1')}}" icon="arrow-right" size="22" padding="{{true}}" round="{{true}}" color="#fff" background="#ffb85d" bind:__l="__l"></app-css-icon></view></block><block wx:else><view data-event-opts="{{[['tap',[['showDesc',['$0'],[[['card.detail','',index]]]]]]]}}" class="dir-left-nowrap cross-center" catchtap="__e"><view style="color:#999;margin-right:8rpx;font-size:22rpx;line-height:1.05;">使用说明</view><app-css-icon vue-id="{{('6f1daf37-3-'+index)+','+('6f1daf37-1')}}" icon="arrow-right" size="22" padding="{{true}}" round="{{true}}" color="#fff" background="#999" bind:__l="__l"></app-css-icon></view></block></view></view><view class="box-grow-0 dir-left-nowrap cross-center"><view class="price" style="{{'margin-right:24rpx;'+('color:'+(theme.color)+';')}}">{{'¥'+item.price+''}}</view><block wx:if="{{item.active}}"><view class="checkbox" style="{{'background-color:'+(theme.background)+';'+('border-color:'+(theme.border)+';')}}"><block wx:if="{{item.active}}"><app-css-icon vue-id="{{('6f1daf37-4-'+index)+','+('6f1daf37-1')}}" icon="check" size="{{28}}" color="#fff" transform="translate(28%, -15%)" bind:__l="__l"></app-css-icon></block></view></block><block wx:else><view class="checkbox border-gray"></view></block></view></view></block><view class="submit-bar dir-left-nowrap"><view class="box-grow-1 cross-center price" style="{{'color:'+(theme.color)+';'}}"><block wx:if="{{selectedCard}}">{{"开卡费用:¥"+selectedCard.price}}</block><block wx:else>请选择需要开通的子卡</block></view><view data-event-opts="{{[['tap',[['setData',['$event']]]]]}}" class="box-grow-0 cross-center submit-btn" style="{{'background-color:'+(theme.background)+';'}}" bindtap="__e">提交</view></view><app-dialog vue-id="{{('6f1daf37-5')+','+('6f1daf37-1')}}" title="{{descDialog.title}}" content="{{descDialog.content}}" confirm-text="我知道了" visible="{{descDialog.visible}}" data-event-opts="{{[['^updateVisible',[['__set_sync',['$0','visible','$event'],['descDialog']]]]]}}" bind:updateVisible="__e" bind:__l="__l"></app-dialog></view></block></app-layout>