<block wx:if="{{!loading}}"><view class="pb100"><view class="head-card pr mb20"><view class="p40 pr card-box"><view class="item-wrap" style="{{(state_active==1?'background: url('+detail.card.card_style_url+') left top / 100% 100% no-repeat;':'background: url('+detail.card_style_url+') left top / 100% 100% no-repeat;')}}"><view class="item-wrap-box"><image class="item-wrap-box-image" src="/static/vip.png" mode></image><view class="tc f40 mb23 fb">{{detail.card_name||detail.card.card_name}}</view><view class="tc f28">{{detail.expire_time_text}}</view></view></view></view><image class="card-bottom" src="/static/bg-bottom.png" alt></image></view><view class="placeholde"></view><view class="bg-white p-20-40"><view class="text-title"><text class="bg-white">会员特权</text></view><view class="d-c-c"><block wx:if="{{detail.open_coupon}}"><view class="d-c d-c-c m-0-20"><image class="privilege-image" src="/static/icon/card-coupon.png" mode></image><text class="f22 gray6">开卡送券</text></view></block><block wx:if="{{detail.open_money}}"><view class="d-c d-c-c m-0-20"><image class="privilege-image" src="/static/icon/card-money.png" mode></image><text class="f22 gray6">开卡送余额</text></view></block><block wx:if="{{detail.open_points}}"><view class="d-c d-c-c m-0-20"><image class="privilege-image" src="/static/icon/card-point.png" mode></image><text class="f22 gray6">开卡送积分</text></view></block><block wx:if="{{detail.is_discount}}"><view class="d-c d-c-c m-0-20"><image class="privilege-image" src="/static/icon/card-discont.png" mode></image><text class="f22 gray6">{{"开卡享"+detail.discount*1+"折"}}</text></view></block></view></view><block wx:if="{{$root.g0>0}}"><view class="bg-white p-20-40 mb20"><view class="text-title"><text class="bg-white">开卡赠送</text></view><view class="d-s-c diy-coupon"><scroll-view scroll-x="true"><view class="swiper swiper-list"><block wx:for="{{detail.open_coupons}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="coupon-item bg-red"><view class="{{['coupon-item coupon-item-'+item.color.text]}}"><view class="circles"><block wx:for="{{8}}" wx:for-item="circle" wx:for-index="num" wx:key="num"><text></text></block></view><view class="info"><view class="f28">{{item.coupon_type.text}}</view></view><view class="operation d-b-c"><view class="flex-1 coupon-content"><view class="text-ellipsis"><block wx:if="{{item.coupon_type.value==10}}"><view class="price" style="font-size:;"><text>￥</text><text class="f32 fb">{{item.reduce_price}}</text></view></block><block wx:if="{{item.coupon_type.value==20}}"><text class="f32 fb">{{item.discount}}</text><text>折</text></block></view><view class="f22 text-ellipsis">{{item.name}}</view><view class="f22"><block wx:if="{{item.min_price==0}}">无最低消费门槛</block><block wx:if="{{item.min_price>0}}">{{'最低消费'+item.min_price+'元'}}</block></view></view><view class="right-box d-c-c" style="padding-right:16rpx;"><view class="f24" type="default">{{''+(state_active==1?'已发放':'开卡领取')+''}}</view></view></view></view></view></block></view></scroll-view></view></view></block><view class="bg-white p-20-0"><view class="text-title"><text class="bg-white">使用说明</text></view><view class="d-s-c p-0-30"><view class="lh200" style="white-space:pre-wrap;"><rich-text nodes="{{state_active==1?detail.card.content:detail.content}}"></rich-text></view></view></view><view class="buy-btn-box bg-white"><block wx:if="{{state_active==0}}"><view data-event-opts="{{[['tap',[['onPayOrder',['$event']]]]]}}" class="buy-btn m20 d-s-c" bindtap="__e"><text class="flex-1 pl50 f32">{{"¥"+detail.money}}<text class="f26">{{"/"+detail.expire_time_text}}</text></text><text class="p-0-40">立即开通</text></view></block></view><popup vue-id="2eb94e3c-1" show="{{isPayPopup}}" msg="支付方式" data-event-opts="{{[['^hidePopup',[['hidePopupFunc']]]]}}" bind:hidePopup="__e" bind:__l="__l" vue-slots="{{['default']}}"><view class="buy-checkout ww100"><view data-event-opts="{{[['tap',[['payTypeFunc',[20]]]]]}}" class="{{[pay_type==20?'item active border-b-e':'item border-b-e']}}" bindtap="__e"><view class="d-s-c"><view class="icon-box d-c-c mr10"><label class="icon iconfont icon-weixin _span"></label></view><text class="key">微信支付</text></view><view class="icon-box d-c-c"></view></view><view data-event-opts="{{[['tap',[['payTypeFunc',[10]]]]]}}" class="{{[pay_type==10?'item active':'item']}}" bindtap="__e"><view class="d-s-c"><view class="icon-box d-c-c mr10"><label class="icon iconfont icon-yue _span"></label></view><text class="key">余额支付</text></view><view class="icon-box d-c-c"></view></view></view><view class="bts"></view></popup></view></block>
|
