| 1 |
- <view class="data-v-5f827c98"><fa-navbar vue-id="379889b1-1" title="我的VIP会员" class="data-v-5f827c98" bind:__l="__l"></fa-navbar><view class="u-p-30 data-v-5f827c98"><view class="center u-p-30 data-v-5f827c98" style="{{'background:'+(theme.bgColor)+';'}}"><view class="u-flex data-v-5f827c98"><view class="u-m-r-15 data-v-5f827c98"><u-avatar vue-id="379889b1-2" size="90" src="{{vuex_user.avatar}}" class="data-v-5f827c98" bind:__l="__l"></u-avatar></view><view class="u-flex u-flex-column u-row-between u-col-top u-flex-1 data-v-5f827c98"><view class="u-flex data-v-5f827c98"><view class="nickname data-v-5f827c98">{{vuex_user.nickname}}</view><block tt:if="{{vipInfo.level}}"><view class="u-m-l-10 data-v-5f827c98"><u-tag vue-id="379889b1-3" text="{{vipInfo.name}}" mode="dark" size="mini" type="success" class="data-v-5f827c98" bind:__l="__l"></u-tag></view></block></view><view class="u-m-t-10 u-font-22 u-flex u-row-between data-v-5f827c98" style="width:100%;"><view class="data-v-5f827c98">{{"VIP等级： "+(vipInfo.level||0)}}</view><block tt:if="{{vipInfo.remainseconds&&vipInfo.remainseconds<86400}}"><view class="remainseconds data-v-5f827c98"><u-count-down vue-id="379889b1-4" font-size="22" separator-color="#ffffff" timestamp="{{vipInfo.remainseconds||0}}" class="data-v-5f827c98" bind:__l="__l"></u-count-down></view></block></view></view></view><view class="u-flex u-row-between u-m-t-15 data-v-5f827c98"><view class="data-v-5f827c98">{{$root.f0}}</view><view class="data-v-5f827c98"><block tt:if="{{vipInfo.level}}"><u-button vue-id="379889b1-5" size="mini" shape="circle" hover-class="none" data-event-opts="{{[['^click',[['goBuy',[1]]]]]}}" bind:click="__e" class="data-v-5f827c98" bind:__l="__l" vue-slots="{{['default']}}">续费会员</u-button></block><block tt:else><u-button vue-id="379889b1-6" size="mini" shape="circle" hover-class="none" data-event-opts="{{[['^click',[['goBuy',[0]]]]]}}" bind:click="__e" class="data-v-5f827c98" bind:__l="__l" vue-slots="{{['default']}}">购买会员</u-button></block></view></view></view></view><block tt:if="{{$root.m0}}"><block class="data-v-5f827c98"><view class="u-p-30 bg-title data-v-5f827c98">选择购买会员</view><view class="u-border-bottom u-p-t-20 u-p-b-20 data-v-5f827c98"><u-tabs vue-id="379889b1-7" list="{{vipList}}" active-color="{{theme.bgColor}}" bar-width="{{tabwidth}}" is-scroll="{{$root.m1}}" current="{{current}}" data-event-opts="{{[['^change',[['change']]]]}}" bind:change="__e" class="data-v-5f827c98" bind:__l="__l"></u-tabs></view></block></block><view class="u-flex u-row-between u-p-30 bg-title data-v-5f827c98"><view class="data-v-5f827c98">选择开通时长</view><view class="data-v-5f827c98"><u-icon vue-id="379889b1-8" name="info-circle" class="data-v-5f827c98" bind:__l="__l"></u-icon><text class="u-m-l-10 data-v-5f827c98">价格说明</text></view></view><view class="u-p-l-30 u-p-r-30 u-p-t-30 data-v-5f827c98"><view class="list u-flex u-flex-wrap data-v-5f827c98"><block tt:for="{{$root.l0}}" tt:for-item="item" tt:for-index="index" tt:key="index"><view data-event-opts="{{[['tap',[['selectVip',['$0',index],[[['pricedata','',index]]]]]]]}}" class="item u-text-center data-v-5f827c98" style="{{item.s0}}" bindtap="__e"><view class="data-v-5f827c98">{{item.$orig.title}}</view><view class="u-p-t-15 u-p-b-15 price data-v-5f827c98"><text class="u-font-20 data-v-5f827c98">￥</text><text class="u-font-40 u-text-weight data-v-5f827c98">{{item.$orig.price}}</text></view><view class="u-font-20 u-tips-color u-line-2 data-v-5f827c98">{{item.$orig.subtext}}</view></view></block></view></view><view class="u-p-30 bg-title data-v-5f827c98">获得权益</view><view class="data-v-5f827c98"><view class="interests u-p-30 u-flex u-flex-wrap data-v-5f827c98"><block tt:for="{{rightdata}}" tt:for-item="item" tt:for-index="index" tt:key="index"><view class="item u-text-center data-v-5f827c98"><view class="u-flex u-row-center data-v-5f827c98"><u-image vue-id="{{'379889b1-9-'+index}}" width="80rpx" height="80rpx" src="{{item.image}}" shape="circle" class="data-v-5f827c98" bind:__l="__l"></u-image></view><view class="u-font-30 u-text-weight u-m-t-10 u-m-b-10 data-v-5f827c98">{{item.text}}</view><view class="u-font-20 u-tips-color u-line-3 data-v-5f827c98">{{item.intro}}</view></view></block></view></view><view class="u-p-30 bg-title data-v-5f827c98">支付方式</view><view class="data-v-5f827c98"><u-radio-group bind:input="__e" style="width:100%;" vue-id="379889b1-10" value="{{paytype}}" data-event-opts="{{[['^input',[['__set_model',['','paytype','$event',[]]]]]]}}" class="data-v-5f827c98" bind:__l="__l" vue-slots="{{['default']}}"><block tt:for="{{$root.l1}}" tt:for-item="item" tt:for-index="index" tt:key="index"><u-cell-item vue-id="{{('379889b1-11-'+index)+','+('379889b1-10')}}" icon="{{item.$orig=='wechat'?'weixin-circle-fill':'zhifubao-circle-fill'}}" icon-style="{{item.a0}}" arrow="{{false}}" title="{{item.$orig=='wechat'?'微信支付':'支付宝支付'}}" data-event-opts="{{[['^click',[['selectPayType',['$0'],[[['payList','',index]]]]]]]}}" bind:click="__e" class="data-v-5f827c98" bind:__l="__l" vue-slots="{{['right-icon']}}"><u-radio vue-id="{{('379889b1-12-'+index)+','+('379889b1-11-'+index)}}" slot="right-icon" active-color="{{theme.bgColor}}" name="{{item.$orig}}" class="data-v-5f827c98" bind:__l="__l"></u-radio></u-cell-item></block></u-radio-group></view><u-gap vue-id="379889b1-13" height="180" bg-color="#f3f4f6" class="data-v-5f827c98" bind:__l="__l"></u-gap><view class="vip-footer u-p-30 u-border-top data-v-5f827c98"><u-button vue-id="379889b1-14" shape="circle" type="primary" hover-class="none" custom-style="{{$root.a1}}" data-event-opts="{{[['^click',[['goBuy',[0]]]]]}}" bind:click="__e" class="data-v-5f827c98" bind:__l="__l" vue-slots="{{['default']}}">{{''+nowLevel+''}}</u-button></view></view>
|
