|
|
@ -13,7 +13,24 @@ |
|
|
|
<image class="user-avatar" :src="userInfo.headImage" mode="aspectFill"></image> |
|
|
|
<view class="user-name">{{ userInfo.nickName }}</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<view class="member"> |
|
|
|
<template v-if="role"> |
|
|
|
<image class="member-bg" src="@/pages_order/static/center/member-bg.png" mode="widthFix" ></image> |
|
|
|
<view class="flex member-overview" :class="[role ? 'is-member' : '']"> |
|
|
|
<image class="icon icon-crown" src="" mode="widthFix"></image> |
|
|
|
<image v-if="role" class="icon icon-role" :src="vipInfo.massageVipCombo.imageVip" mode="widthFix"></image> |
|
|
|
<text v-if="vipInfo.validTime" class="member-tips">{{ `将于${$dayjs(vipInfo.validTime).format('YYYY-MM-DD')}到期` }}</text> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
<template v-else> |
|
|
|
<image class="member-bg" src="@/pages_order/static/center/member-not-bg.png" mode="widthFix" ></image> |
|
|
|
<button plain class="btn member-btn" @click="$utils.navigateTo('/pages_order/mine/memberCenter')">立即开通</button> |
|
|
|
</template> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="member" v-if="false"> |
|
|
|
<image class="member-bg" src="@/pages_order/static/center/member-bg.png" mode="widthFix" ></image> |
|
|
|
<view class="flex member-overview" :class="[role ? 'is-member' : '']"> |
|
|
|
<template v-if="role"> |
|
|
@ -166,6 +183,18 @@ |
|
|
|
this.fetchCouponData() |
|
|
|
} |
|
|
|
}, |
|
|
|
onPullDownRefresh() { |
|
|
|
if(uni.getStorageSync('token')){ |
|
|
|
this.$store.commit('getUserInfo') |
|
|
|
this.$store.commit('getUserCenterInfo') |
|
|
|
this.$store.commit('getRiceInfo') |
|
|
|
this.fetchCouponData() |
|
|
|
|
|
|
|
setTimeout(() => { |
|
|
|
uni.stopPullDownRefresh(); |
|
|
|
}, 300) |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
// #ifdef H5 |
|
|
|
// 检查是否在微信环境 |
|
|
@ -419,13 +448,14 @@ |
|
|
|
} |
|
|
|
|
|
|
|
&-btn { |
|
|
|
padding: 9rpx 17rpx; |
|
|
|
display: inline-block; |
|
|
|
position: absolute; |
|
|
|
top: 26rpx; |
|
|
|
right: 28rpx; |
|
|
|
padding: 14rpx 20rpx; |
|
|
|
color: #000000; |
|
|
|
font-size: 22rpx; |
|
|
|
background-image: linear-gradient(131deg, #F8EDE1, #B3997E); |
|
|
|
box-shadow: 0rpx 3rpx 6rpx 0rpx rgba(0,0,0,0.16); |
|
|
|
border-radius: 24rpx; |
|
|
|
margin-right: 18rpx; |
|
|
|
border: none; |
|
|
|
} |
|
|
|
|
|
|
|
&-tips { |
|
|
|