| 1 |
- <app-layout vue-id="98322e5e-1" class="data-v-1f936602" bind:__l="__l" vue-slots="{{['default']}}"><block wx:if="{{!first}}"><view class="head-card data-v-1f936602" style="{{'background-color:'+(''+list.form.card_bg)+';'}}"><image class="card-bg data-v-1f936602" src="{{list.form.head_card!='statics/img/app/vip_card/default-card.png'?list.form.head_card:svipImg.default_card}}" alt></image><image class="card-bottom data-v-1f936602" src="{{svipImg.card_bottom}}" alt></image><view class="card-name dir-left-nowrap data-v-1f936602" style="{{'color:'+(''+list.form.card_color)+';'}}"><view class="data-v-1f936602">{{detail?list.name:'暂未添加会员卡'}}</view><block wx:if="{{user&&user.order&&user.order.length>0}}"><view data-event-opts="{{[['tap',[['toggleLog',['$event']]]]]}}" class="buy-log dir-left-nowrap cross-center data-v-1f936602" bindtap="__e"><view class="data-v-1f936602">购买记录</view><image class="buy-log-icon data-v-1f936602" src="./../image/right.png"></image></view></block></view><view class="open-info data-v-1f936602" style="{{'color:'+(''+list.form.card_color)+';'}}"><view class="data-v-1f936602">开通会员可享受以下权利</view><view class="card-rights cross-center dir-left-nowrap data-v-1f936602"><image class="image data-v-1f936602" src="./../image/coupon-icon.png"></image><view class="data-v-1f936602">{{user?user.image_discount==0?'免费':user.image_discount+'折':card.discount==0?'免费':card.discount+'折'}}</view><block wx:if="{{user?user.image_is_free_delivery==1:card.is_free_delivery==1}}"><image class="image free-icon data-v-1f936602" src="./../image/free.png"></image></block><block wx:if="{{user?user.image_is_free_delivery==1:card.is_free_delivery==1}}"><view class="data-v-1f936602">自营商品包邮</view></block><view data-event-opts="{{[['tap',[['toRight',['$event']]]]]}}" class="buy-log dir-left-nowrap cross-center data-v-1f936602" bindtap="__e"><view class="data-v-1f936602">查看权益</view><image class="buy-log-icon data-v-1f936602" src="./../image/right.png"></image></view></view><block wx:if="{{user}}"><view class="userDay data-v-1f936602">{{"有效时间："+start_time+"-"+end_time}}</view></block><block wx:if="{{user&&(user.expire>0||user.expire==0)}}"><view class="userDay data-v-1f936602">{{"累积剩余"+user.expire+"天"}}</view></block><block wx:if="{{user&&user.expire<0}}"><view class="userDay data-v-1f936602">已过期</view></block></view><image class="share-btn data-v-1f936602" src="./../image/share.png" alt data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" bindtap="__e"></image><block wx:if="{{!is_buy&&card.detail.length>0}}"><view data-event-opts="{{[['tap',[['toBuy',['$0'],['detail.id']]]]]}}" class="card-buy data-v-1f936602" bindtap="__e">立即开通</view></block></view></block><view class="placeholde data-v-1f936602"></view><block wx:if="{{is_buy}}"><view class="card-detail-title data-v-1f936602">请选择续费时长</view></block><block wx:if="{{card.detail.length>0&&!first}}"><view class="card-detail-list data-v-1f936602"><scroll-view class="scroll-view data-v-1f936602" scroll-into-view="{{scroll_position}}" scroll-x="true"><block wx:for="{{card.detail}}" wx:for-item="item" wx:for-index="index" wx:key="id"><view class="{{['data-v-1f936602','scroll-item',''+(item.id==detail.id?'active':'')]}}" id="{{'detail'+index}}" data-event-opts="{{[['tap',[['choose',['$0',index],[[['card.detail','id',item.id]]]]]]]}}" bindtap="__e"><view class="scroll-item-name data-v-1f936602">{{item.name}}</view><view class="scroll-item-price data-v-1f936602">￥<text class="data-v-1f936602">{{item.price}}</text></view><view data-event-opts="{{[['tap',[['lookAbout',['$0'],[[['card.detail','id',item.id]]]]]]]}}" class="cross-center main-center data-v-1f936602" catchtap="__e"><text style="color:#999999;" class="data-v-1f936602">使用说明</text><block wx:if="{{item.id==detail.id}}"><image class="card-more data-v-1f936602" src="./../image/more-active.png"></image></block><block wx:else><image class="card-more data-v-1f936602" src="./../image/more.png"></image></block></view><block wx:if="{{item.id==detail.id}}"><image class="choose-icon data-v-1f936602" src="./../image/right-bottom.png"></image></block></view></block></scroll-view></view></block><view class="data-v-1f936602"><block wx:for="{{list.form.sort}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="list data-v-1f936602"><block wx:if="{{item=='member'}}"><view class="item vip-icon data-v-1f936602" style="{{'background-color:'+(''+list.form.vip_bg)+';'}}"><view class="item-title main-center cross-center data-v-1f936602"><image src="{{svipImg.left}}" alt class="data-v-1f936602"></image><view class="item-title-text data-v-1f936602" style="{{'color:'+(''+list.form.vip_color)+';'}}">会员专享</view><image src="{{svipImg.right}}" alt class="data-v-1f936602"></image></view><view style="width:100%;overflow-x:auto;" class="data-v-1f936602"><view class="item-icon-list dir-left-wrap data-v-1f936602" style="{{'color:'+(''+list.form.vip_color)+';'+('max-height:'+(''+vipHeight)+';')+('width:'+(''+icon_width)+';')}}"><block wx:for="{{list.form.vip_icon_list}}" wx:for-item="icon_list" wx:for-index="idx" wx:key="idx"><view class="dir-left-wrap cross-top form-icon-list data-v-1f936602"><block wx:for="{{icon_list}}" wx:for-item="res" wx:for-index="number" wx:key="number"><view class="item-icon dir-top-nowrap data-v-1f936602" style="{{'width:'+(''+(vip_icon_width+'rpx'))+';'}}"><image class="item-icon-img data-v-1f936602" src="{{res.img}}"></image><view class="item-icon-name data-v-1f936602">{{res.name}}</view></view></block></view></block></view></view></view></block><block wx:if="{{item=='right'}}"><view class="item data-v-1f936602"><view class="item-title main-center cross-center data-v-1f936602"><image src="{{svipImg.left}}" alt class="data-v-1f936602"></image><view class="item-title-text data-v-1f936602">会员特权</view><image src="{{svipImg.right}}" alt class="data-v-1f936602"></image></view><block wx:for="{{list.form.right_list}}" wx:for-item="res" wx:for-index="idx" wx:key="idx"><view class="item-right data-v-1f936602"><block wx:if="{{res.img=='statics/img/app/vip_card/off.png'}}"><image src="{{svipImg.off}}" alt class="data-v-1f936602"></image></block><block wx:else><block wx:if="{{res.img=='statics/img/app/vip_card/free-shipping.png'}}"><image src="{{svipImg.shipping}}" alt class="data-v-1f936602"></image></block><block wx:else><image src="{{res.img}}" alt class="data-v-1f936602"></image></block></block><view class="item-right-text data-v-1f936602"><view style="{{'color:'+(''+res.big_color)+';'}}" class="data-v-1f936602">{{res.big}}</view><view style="{{'color:'+(''+res.small_color)+';'}}" class="data-v-1f936602">{{res.small}}</view></view></view></block></view></block><block wx:if="{{item=='gift'&&(detail.send_integral_num>0||detail.send_balance>0||detail.vipCoupons&&detail.vipCoupons.length>0||detail.vipCards&&detail.vipCards.length>0)}}"><view class="item data-v-1f936602"><view class="item-title main-center cross-center data-v-1f936602"><image src="{{svipImg.left}}" alt class="data-v-1f936602"></image><view class="item-title-text data-v-1f936602">开卡即赠</view><image src="{{svipImg.right}}" alt class="data-v-1f936602"></image></view><block wx:if="{{detail.send_integral_num>0}}"><view class="dir-left-nowrap cross-center item-gift data-v-1f936602"><image class="item-gift-img data-v-1f936602" src="{{list.form.integral_icon!='statics/img/app/vip_card/integral.png'?list.form.integral_icon:svipImg.integral}}"></image><view class="data-v-1f936602">积分</view><view class="item-gift-about data-v-1f936602">{{detail.send_integral_num+"积分"}}</view></view></block><block wx:if="{{detail.send_balance>0}}"><view class="dir-left-nowrap cross-center item-gift data-v-1f936602"><image class="item-gift-img data-v-1f936602" src="{{list.form.balance_icon!='statics/img/app/vip_card/balance.png'?list.form.balance_icon:svipImg.balance}}"></image><view class="data-v-1f936602">余额</view><view class="item-gift-about data-v-1f936602">{{detail.send_balance+"元"}}</view></view></block><block wx:if="{{detail.vipCoupons&&detail.vipCoupons.length>0}}"><view class="dir-left-nowrap cross-center item-gift coupon data-v-1f936602"><image class="item-gift-img data-v-1f936602" src="{{list.form.coupon_icon!='statics/img/app/vip_card/coupon.png'?list.form.coupon_icon:svipImg.coupon}}"></image><view class="data-v-1f936602">优惠券</view><view class="item-gift-about data-v-1f936602">{{"X"+couponNum}}</view></view></block><block wx:if="{{detail.vipCoupons&&detail.vipCoupons.length>0}}"><view class="coupon-list data-v-1f936602"><scroll-view class="coupon-view data-v-1f936602" scroll-x="true" scroll-left="120"><view class="coupon-space data-v-1f936602"></view><block wx:for="{{detail.vipCoupons}}" wx:for-item="coupon" wx:for-index="__i0__" wx:key="id"><view class="coupon-item data-v-1f936602"><image class="coupon-bg data-v-1f936602" src="./../image/coupon.png"></image><view class="dir-top-nowrap coupon-info data-v-1f936602"><block wx:if="{{coupon.type==2}}"><view class="coupon-price data-v-1f936602">￥<text class="data-v-1f936602">{{coupon.sub_price}}</text></view></block><block wx:else><view class="coupon-price data-v-1f936602"><text class="data-v-1f936602">{{coupon.discount}}</text>折</view></block><view class="coupon-total data-v-1f936602">{{"满"+coupon.min_price+"可用"}}</view></view></view></block></scroll-view></view></block><block wx:if="{{detail.vipCards&&detail.vipCards.length>0}}"><view class="dir-left-nowrap cross-center item-gift coupon data-v-1f936602"><image class="item-gift-img data-v-1f936602" src="{{list.form.card_icon!='statics/img/app/vip_card/card.png'?list.form.card_icon:svipImg.card}}"></image><view class="data-v-1f936602">卡券</view><view class="item-gift-about data-v-1f936602">{{"X"+cardNum}}</view></view></block><block wx:if="{{detail.vipCards&&detail.vipCards.length>0}}"><view class="card-list data-v-1f936602"><block wx:for="{{detail.vipCards}}" wx:for-item="card" wx:for-index="cardIdx" wx:key="cardIdx"><view class="card-item dir-left-nowrap data-v-1f936602"><image src="{{card.pic_url}}" class="data-v-1f936602"></image><view class="t-omit-two data-v-1f936602">{{card.name}}</view></view></block></view></block></view></block><block wx:if="{{item=='rubik'}}"><view class="rubik data-v-1f936602" style="{{'height:'+(''+(list.form.rubik.height*2+'rpx'))+';'}}"><block wx:for="{{list.form.rubik.list}}" wx:for-item="rubik" wx:for-index="rubikIndex" wx:key="rubikIndex"><view style="{{'height:'+(''+(rubik.h*2+'rpx'))+';'+('width:'+(''+(rubik.w*2+'rpx'))+';')+('top:'+(''+(rubik.y*2+'rpx'))+';')+('left:'+(''+(rubik.x*2+'rpx'))+';')}}" class="data-v-1f936602"><app-jump-button vue-id="{{('98322e5e-2-'+index+'-'+rubikIndex)+','+('98322e5e-1')}}" url="{{rubik.url}}" open_type="{{rubik.open_type}}" class="data-v-1f936602" bind:__l="__l" vue-slots="{{['default']}}"><image style="{{'height:'+(''+(rubik.h*2+'rpx'))+';'+('width:'+(''+(rubik.w*2+'rpx'))+';')}}" src="{{rubik.pic}}" class="data-v-1f936602"></image></app-jump-button></view></block></view></block></view></block></view><block wx:if="{{detail.id>0}}"><view class="{{['data-v-1f936602','bottom-place',''+(iphone_x?'iphone_x':''),''+(tabbarbool?'tabbarbool':'')]}}"></view></block><block wx:if="{{detail.id>0}}"><view class="{{['data-v-1f936602','foot main-center cross-center',''+(iphone_x?'iphone_x':''),''+(tabbarbool?'tabbarbool':'')]}}"><view class="data-v-1f936602"><view class="foot-button dir-left-nowrap data-v-1f936602"><view class="foot-info data-v-1f936602" style="{{'background-color:'+(''+list.form.bottom_style_1)+';'+('color:'+(''+list.form.bottom_style_2)+';')}}"><text class="data-v-1f936602">{{"￥"+detail.price}}</text>{{"/"+(user?user.expire>0?'剩余'+user.expire+'天到期':'已过期':'有效期'+detail.expire_day+'天')}}</view><view data-event-opts="{{[['tap',[['toBuy',['$0'],['detail.id']]]]]}}" class="foot-buy data-v-1f936602" style="{{'background-color:'+(''+list.form.bottom_btn_style_1)+';'+('color:'+(''+list.form.bottom_btn_style_2)+';')}}" bindtap="__e">{{user&&is_buy?'立即续费':'立即开通'}}</view></view><block wx:if="{{list.is_agreement}}"><view class="bottom-read main-center cross-bottom data-v-1f936602"><view data-event-opts="{{[['tap',[['toRead',['$event']]]]]}}" class="read-icon main-center cross-bottom data-v-1f936602" bindtap="__e"><block wx:if="{{read}}"><image style="{{'background-color:'+(''+list.form.bottom_btn_style_1)+';'}}" src="./../image/vip-check.png" alt class="data-v-1f936602"></image></block><block wx:else><image src="/static/image/icon/form-er.png" alt class="data-v-1f936602"></image></block></view><view style="{{'color:'+(''+list.form.bottom_btn_style_2)+';'}}" class="data-v-1f936602">我已仔细阅读并同意<text data-event-opts="{{[['tap',[['toRule',['$event']]]]]}}" style="{{'color:'+(''+list.form.bottom_btn_style_1)+';'}}" bindtap="__e" class="data-v-1f936602">{{"《"+list.agreement_title+"》"}}</text></view></view></block></view></view></block><block wx:if="{{title&&content}}"><view class="bg main-center cross-center data-v-1f936602"><view class="dialog data-v-1f936602"><image class="dialog-close data-v-1f936602" src="/static/image/icon/icon-close.png" data-event-opts="{{[['tap',[['lookAbout',['$event']]]]]}}" bindtap="__e"></image><view class="dialog-title data-v-1f936602">{{title}}</view><view class="dialog-content data-v-1f936602"><text class="data-v-1f936602">{{content}}</text></view><view class="dialog-btn cross-center main-center data-v-1f936602"><view data-event-opts="{{[['tap',[['lookAbout',['$event']]]]]}}" class="dialog-button data-v-1f936602" bindtap="__e">我知道了</view><view class="line data-v-1f936602"></view><view data-event-opts="{{[['tap',[['toBuy',['$0'],['id']]]]]}}" class="dialog-button buy data-v-1f936602" bindtap="__e">{{user&&is_buy?'立即续费':'立即购买'}}</view></view></view></view></block><block wx:if="{{showLog}}"><view class="bg main-center cross-center data-v-1f936602"><view class="dialog buy-log data-v-1f936602"><view class="dialog-top medium data-v-1f936602">购买记录</view><image class="dialog-close data-v-1f936602" src="/static/image/icon/icon-close.png" data-event-opts="{{[['tap',[['toggleLog',['$event']]]]]}}" bindtap="__e"></image><view class="log-item main-center medium data-v-1f936602"><view class="data-v-1f936602">子卡名称</view><view class="data-v-1f936602">有效期</view><view class="data-v-1f936602">下单时间</view></view><view class="log-list data-v-1f936602"><block wx:for="{{user.order}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block wx:if="{{user.order&&user.order.length>0}}"><view class="log-item main-center data-v-1f936602"><view class="data-v-1f936602">{{item.detail_name}}</view><view class="data-v-1f936602">{{item.expire+"天"}}</view><view class="data-v-1f936602">{{item.created_at}}</view></view></block></block></view><view class="log-foot data-v-1f936602"><view data-event-opts="{{[['tap',[['toggleLog',['$event']]]]]}}" class="log-foot-btn data-v-1f936602" bindtap="__e">我知道了</view></view></view></view></block><view class="data-v-1f936602"><app-share-qr-code vue-id="{{('98322e5e-3')+','+('98322e5e-1')}}" theme="{{getTheme}}" url="{{poster}}" title="生成海报" value="{{showShare}}" data-event-opts="{{[['^share',[['hShareAppMessage']]],['^input',[['__set_model',['','showShare','$event',[]]]]]]}}" bind:share="__e" bind:input="__e" class="data-v-1f936602" bind:__l="__l"></app-share-qr-code></view></app-layout>
|
