问题描述:
用户会员码无等级状态异常。
解决方法:
pages/users/user_member_code/index.vue,找到这个文件,修改template部分。
<view class="title" :style="{ color: currentLevel.color }">尊敬的{{nowLevel.name}}会员</view>
<view class="progress-wrap acea-row row-center-wrapper" :style="{
color: colorToRgba(currentLevel.color||'', 0.8)
}">
<view class="">V{{currentLevel.grade || 0}}</view>
<view class="progress">
<view class="inner" :style="{
width: `${nextLevel > 0 ? (nowLevel.exp / nextLevel.exp_num * 100) : 100}%`,
background: colorToRgba(currentLevel.color||'', 0.8)
}"></view>
</view>
<view v-if="nextLevel">V{{nextLevel.grade}}</view>
</view>
<style lang="scss" scoped>
.scroll-view {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(180deg, #1B1A17 0%, #141414 100%);
.wrapper {
padding: 94rpx 32rpx;
}
.wrapper-content {
border-radius: 32rpx;
background: #FFFFFF;
overflow: hidden;
}
.header {
height: 234rpx;
border-radius: 32rpx 32rpx 0 0;
background: linear-gradient(91deg, rgba(255, 162, 0, 0.05) 0%, rgba(255, 162, 0, 0.4) 100%);
.title {
text-align: center;
font-weight: 600;
font-size: 44rpx;
line-height: 62rpx;
color: rgba(128, 68, 0, 0.8);
}
.progress-wrap {
margin-top: 14rpx;
font-size: 22rpx;
line-height: 30rpx;
color: rgba(126, 75, 6, 0.8);
}
.progress {
width: 360rpx;
height: 8rpx;
border-radius: 4rpx;
margin: 0 16rpx;
background: rgba(255, 255, 255, 0.4);
}
.inner {
height: 8rpx;
border-radius: 4rpx;
background: rgba(126, 75, 6, 0.8);
}
.info {
margin-top: 24rpx;
font-size: 24rpx;
line-height: 34rpx;
color: #7E4B06;
}
.number {
margin: 0 4rpx;
font-family: SemiBold;
font-size: 28rpx;
color: rgba(126, 75, 6, 0.8);
}
.btn {
margin-top: 18rpx;
text-align: center;
font-size: 30rpx;
line-height: 42rpx;
color: rgba(153, 101, 39, 0.7);
.iconfont {
margin-left: 4rpx;
font-size: 32rpx;
}
}
}
.content {
padding: 28rpx 0 0;
}
.codeNum {
margin-top: 12rpx;
letter-spacing: 3px;
font-weight: 500;
font-size: 28rpx;
line-height: 40rpx;
color: #333333;
}
.balance-wrapper {
margin-top: 40rpx;
background: #F9F9F9;
}
.balance {
padding: 54rpx 0 76rpx;
font-size: 24rpx;
line-height: 34rpx;
color: #999999;
.iconfont {
margin-left: 8rpx;
font-size: 28rpx;
}
.number {
margin-top: 20rpx;
font-family: SemiBold;
font-size: 56rpx;
line-height: 56rpx;
color: #333333;
}
}
.attribute {
padding-bottom: 48rpx;
text-align: center;
font-size: 24rpx;
line-height: 34rpx;
color: #666666;
.item {
margin-right: 123rpx;
&:last-child {
margin-right: 0;
}
}
.iconfont {
margin-bottom: 16rpx;
font-size: 48rpx;
color: #444444;
}
}
}
.qrcode {
width: 380rpx;
height: 380rpx;
}
</style>
修改完成后需要重新打包。