| 1 |
- <view><view><view class="margin-lr margin-top" style="position:relative;border-radius:10rpx;overflow:hidden;"><image style="width:100%;height:250rpx;" src="../static/vip/vip.png"></image><view class="u-flex u-p-l-30 u-p-t-80 u-p-b-30" style="position:absolute;top:0;width:100%;"><view class="u-m-r-20"><u-avatar vue-id="bbb912ca-1" src="{{avatar}}" size="100" bind:__l="__l"></u-avatar></view><view class="u-flex-1"><view class="u-font-18 text-white text-bold">{{userName}}</view><block wx:if="{{vipExpirationTime&&isVip}}"><view class="u-font-10 text-bold" style="margin-top:10rpx;color:#999999;">{{"有效期："+vipExpirationTime}}</view></block><block wx:if="{{!isVip}}"><view class="u-font-14 u-m-t-10 u-tips-color" style="color:#C59D7C;">您目前还未开通会员</view></block></view></view></view><block wx:if="{{!isVip}}"><view class="flex justify-center align-center margin-top"><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" style="position:relative;left:0;right:0;border-radius:10rpx;overflow:hidden;display:inline-block;margin:auto;" bindtap="__e"><image style="width:459rpx;height:129rpx;" src="../static/vip/bg.png"></image><view class="flex align-center" style="position:absolute;top:-10rpx;left:30rpx;bottom:0;margin:auto;width:100%;height:100%;"><view class="text-bold">¥<text class="text-xxl">{{vipList.value}}</text></view></view></view></view></block><view class="padding-tb radius margin-top margin-lr" style="background-color:#343339;border-radius:10rpx;"><view class="text-center text-xl text-bold" style="color:#CAB49C;">会员特权</view><view class="flex flex-wrap"><block wx:for="{{MemberList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view style="width:33%;text-align:center;margin-top:34rpx;"><image style="margin:0 auto;height:45rpx;width:45rpx;" src="{{item.memberImg}}" mode></image><view class="grid-text margin-top-sm" style="color:#DFC5A7;">{{item.memberName}}</view></view></block></view></view></view><view style="height:110rpx;"></view><block wx:if="{{!isVip}}"><view class="flex justify-between cu-bar foot bg padding-lr"><view style="color:#DFC5A7;">实付：<text style="font-size:38rpx;margin-top:8rpx;">{{price}}</text>元</view><view><u-button vue-id="bbb912ca-2" custom-style="{{customStyle}}" shape="circle" hair-line="{{false}}" data-event-opts="{{[['^click',[['e1']]]]}}" bind:click="__e" bind:__l="__l" vue-slots="{{['default']}}">立即开通</u-button></view></view></block><u-popup bind:input="__e" vue-id="bbb912ca-3" mode="bottom" closeable="{{closeable}}" value="{{showpay}}" data-event-opts="{{[['^input',[['__set_model',['','showpay','$event',[]]]]]]}}" bind:__l="__l" vue-slots="{{['default']}}"><view class="popup_pay"><view style="background-color:#fff;"><view style="padding:0 20rpx;margin-top:60rpx;margin-bottom:20rpx;"><block wx:for="{{openLists}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view style="display:flex;height:100rpx;align-items:center;padding:20rpx 0;justify-content:center;"><image style="width:55rpx;height:55rpx;border-radius:50rpx;" src="{{item.image}}"></image><view style="font-size:30rpx;margin-left:20rpx;width:70%;">{{''+item.text+''}}</view><radio-group style="margin-left:45rpx;" name="openWay" data-event-opts="{{[['tap',[['selectWay',['$0'],[[['openLists','',index]]]]]]]}}" bindtap="__e"><label class="tui-radio"><radio color="#1777FF" checked="{{openWay===item.id?true:false}}"></radio></label></radio-group></view></block></view></view><view data-event-opts="{{[['tap',[['pay']]]]}}" class="pay_btn" bindtap="__e">确认支付</view></view></u-popup></view>
|
