personal.vue.wxml 7.5 KB

1234567891011121314151617181920212223242526
  1. <template name="7417f4e5"><view id="personal" class="_div data-v-3b275ba2"><view class="_div data-v-3b275ba2 {{[ userinfo.isActive ? 'userinfoYellow' : '', userinfo.isntActive ? 'userinfoGrey' : '']}}"><van-row class="_van-row data-v-3b275ba2 padding"><van-col span="3" offset="2" class="_van-col data-v-3b275ba2"><view class="_view data-v-3b275ba2 cu-avatar radius lg" style=" {{'background-image:url(' + userinfo.portrait + ');'}}"></view></van-col> <van-col span="12" offset="1" class="_van-col data-v-3b275ba2"><view class="_div data-v-3b275ba2 flex flex-direction align-start justify-start"><view class="_div data-v-3b275ba2"><text class="_text data-v-3b275ba2 text-black text-bold">{{ userinfo.user_name }}</text></view> <view class="_div data-v-3b275ba2 flex justify-between align-center"><button class="_button data-v-3b275ba2 cu-btn sm round {{[ userinfo.isActive ? 'level_btn_yellow' : '', userinfo.isntActive ? 'level_btn_grey' : '']}}">
  2. {{ userinfo.level_name }}
  3. </button> <view class="_view data-v-3b275ba2 text-xs padding-left" wx:if="{{userinfo.level == 11}}">有效期至 {{ userinfo["validity_time_formatted"] }}</view></view></view></van-col> <van-col span="5" class="_van-col data-v-3b275ba2"><view class="_view data-v-3b275ba2 text" bindtap="handleProxy" data-eventid="{{'0'}}" data-comkey="{{$k}}"><text class="_text data-v-3b275ba2 cuIcon-people"></text> <text class="_text data-v-3b275ba2 under_line">会员中心</text></view></van-col></van-row> <van-row class="_van-row data-v-3b275ba2 padding"><view style="opacity: 1" class="_view data-v-3b275ba2"><van-col span="4" class="_van-col data-v-3b275ba2 lg" offset="2"><text class="_text data-v-3b275ba2 cuIcon-selection"></text>
  4. 卡号:
  5. </van-col> <van-col span="8" class="_van-col data-v-3b275ba2"><text class="_text data-v-3b275ba2 text-white text-bold text-lg">{{ invite_code }}</text></van-col></view></van-row> <van-row class="_van-row data-v-3b275ba2"><van-col span="6" offset="1" class="_van-col data-v-3b275ba2"><view class="_div data-v-3b275ba2 flex flex-direction align-center"><text class="_text data-v-3b275ba2 text-xxl">{{ userinfo.play_time }}</text> <text class="_text data-v-3b275ba2 font-sm">可用时长(分钟)</text></view></van-col> <van-col span="7" offset="2" bindtap="handleProxy" data-eventid="{{'1'}}" data-comkey="{{$k}}" class="_van-col data-v-3b275ba2"><view class="_div data-v-3b275ba2 flex flex-direction align-center"><text class="_text data-v-3b275ba2 text-xxl">{{ userinfo.coupon }}</text> <text class="_text data-v-3b275ba2 font-sm">已领券数量</text></view></van-col> <van-col span="6" offset="2" class="_van-col data-v-3b275ba2"><view class="_div data-v-3b275ba2 flex flex-direction align-center"><text class="_text data-v-3b275ba2 text-xxl">{{ userinfo.experience }}</text> <text class="_text data-v-3b275ba2 font-sm">次卡</text></view></van-col></van-row></view> <view class="_view data-v-3b275ba2 text-center font-sm" wx:if="{{userinfo.level >= 3 && userinfo.level <= 7}}"><text class="_text data-v-3b275ba2 text-gray">今日专注力免费训练时长还有:
  6. <text class="_text data-v-3b275ba2 text-yellow">{{ userinfo.free_time }}</text></text></view> <van-popup show="{{is_outShow}}" close-on-click-overlay="{{false}}" custom-class="pop" overlay z-index="99" class="_van-popup data-v-3b275ba2"><view class="_div data-v-3b275ba2 quan_container padding-tb-xl"><view class="_view data-v-3b275ba2 margin-top-xl flex justify-center"><text class="_text data-v-3b275ba2 title">{{ outCouponData.name }}</text></view> <view class="_view data-v-3b275ba2 flex justify-center margin-top"><text class="_text data-v-3b275ba2 text-xs" wx:if="{{outCouponData.validity_time.type == 1}}">{{
  7. outCouponData.validity_time.time_format
  8. }} 之前领取有效</text><text class="_text data-v-3b275ba2 text-xs" wx:else>{{ outCouponData.validity_time.start_time_format }} 至 {{
  9. outCouponData.validity_time.end_time_format
  10. }} 之前领取有效</text></view> <view class="_view data-v-3b275ba2 flex justify-center margin-top" wx:if="{{outCouponData.type == 1}}"><view class="_div data-v-3b275ba2 flex justify-center quan_container_lil"><view style="display: flex; align-items: baseline" class="_div data-v-3b275ba2"><text class="_text data-v-3b275ba2 hexiao time margin-right-xs">{{
  11. outCouponData.discount.time
  12. }}</text> <text class="_text data-v-3b275ba2 time_text" wx:if="{{outCouponData.discount.type == 0}}">分钟</text><text class="_text data-v-3b275ba2 time_text" wx:else>次</text></view></view></view> <view class="_view data-v-3b275ba2 flex justify-center margin-top" wx:if="{{outCouponData.type == 2}}"><view class="_div data-v-3b275ba2 flex justify-center quan_container_lil"><view style="display: flex; align-items: baseline" class="_div data-v-3b275ba2"><text class="_text data-v-3b275ba2 time_text">满</text> <text class="_text data-v-3b275ba2 manjian time margin-lr-xs">{{
  13. outCouponData.discount.full
  14. }}</text> <text class="_text data-v-3b275ba2 time_text">减</text> <text class="_text data-v-3b275ba2 manjian time margin-left-xs">{{
  15. outCouponData.discount.reduce
  16. }}</text></view></view></view> <view class="_view data-v-3b275ba2 flex justify-center margin-top" wx:if="{{outCouponData.type == 3}}"><view class="_div data-v-3b275ba2 flex justify-center quan_container_lil"><view style="display: flex; align-items: baseline" class="_div data-v-3b275ba2"><text class="_text data-v-3b275ba2 time_text">打</text> <text class="_text data-v-3b275ba2 discount time margin-lr-sm">{{
  17. outCouponData.discount.discount * 10
  18. }}</text> <text class="_text data-v-3b275ba2 time_text">折</text></view></view></view> <view class="_view data-v-3b275ba2 flex justify-center margin-top" wx:if="{{outCouponData.type == 4}}"><view class="_div data-v-3b275ba2 flex justify-center quan_container_lil"><view style="display: flex; align-items: baseline" class="_div data-v-3b275ba2"><text class="_text data-v-3b275ba2 time_text">随机</text> <text class="_text data-v-3b275ba2 random time margin-lr-xs">{{
  19. outCouponData.discount.start
  20. }}</text> <text class="_text data-v-3b275ba2 time_text">至</text> <text class="_text data-v-3b275ba2 random time margin-lr-xs">{{
  21. outCouponData.discount.end
  22. }}</text> <text class="_text data-v-3b275ba2 time_text">元</text></view></view></view></view> <view class="_view data-v-3b275ba2 flex justify-center margin-top-xl"><button class="_button data-v-3b275ba2 cu-btn get_btn text-white" bindtap="handleProxy" data-eventid="{{'2'}}" data-comkey="{{$k}}">
  23. 领取
  24. </button></view></van-popup> <van-popup show="{{pop_show}}" bindclose="handleProxy" round data-eventid="{{'4'}}" data-comkey="{{$k}}" class="_van-popup data-v-3b275ba2"><view class="_div data-v-3b275ba2 err_container flex flex-direction align-center justify-around"><view class="_view data-v-3b275ba2"><text class="_text data-v-3b275ba2 title"> 您当前剩余时间不足 </text></view> <view class="_view data-v-3b275ba2"><text class="_text data-v-3b275ba2 sub-title"> 请充值后进行游戏 </text></view> <image src="https://img.shuimuai.com/web/sign_notimeJfish.png" class="_img data-v-3b275ba2 err_img" alt></image> <button class="_button data-v-3b275ba2 cu-btn lg bg-primary text-white" bindtap="handleProxy" data-eventid="{{'3'}}" data-comkey="{{$k}}">
  25. 立即充值
  26. </button></view></van-popup> <van-toast id="van-toast" class="_van-toast data-v-3b275ba2"></van-toast></view></template>