优化

pages/vipCreate/vipCreate.vue

@@ -41,6 +41,9 @@
 						<view v-for="(item,k) in rechargeConfList" :key="k" class="flex-col item"
 							@tap="onRechargeChange(k)">
 							<image class="amount-bg" :src="assetsPath+'/vip/amount_bg.png'" mode="widthFix"></image>
+							<view class="absolute absolute-1">
+								<text>特惠充值</text>
+							</view>
 							<view class="flex-col item-content" :class="rechargeIndex === k?'active':''">
 								<view v-if="item.giveType.includes('1')" class="preferential">
 									<text>送{{item.giveAmount}}小时</text>
@@ -85,8 +88,8 @@
 								<view class="flex-3">
 									<view class="flex-row">
 										<text class="text-1">￥</text>
-										<text class="text-2">99.</text>
-										<text class="text-3">00</text>
+										<text class="text-2">{{equityAmountList[0]}}.</text>
+										<text class="text-3">{{equityAmountList[1]}}</text>
 									</view>
 									<view class="cu-btn-box" @tap="onSubmit">
 										<button class="cu-btn"
@@ -100,8 +103,7 @@
 								<checkbox class='round yellow' :class="checked?'checked':''" :checked="checked"
 									value="checked" style="transform: scale(0.6);"></checkbox>
 							</checkbox-group>
-							<text>我已阅读</text><text class="text-pink" @tap="onNavToRule2">用户充值协议</text><text>,
-								并同意协议内容</text>
+							<text>我已阅读</text><text class="text-pink" @tap="onNavToRule2">用户充值协议</text><text>,并同意协议内容</text>
 						</view>
 					</view>
 				</view>
@@ -147,7 +149,7 @@
 						</view>
 					</view>
 
-					<view class="look-prefer-nav">
+					<view class="look-prefer-nav" @tap="onNavToRule3">
 						<text class="text-title">点击可查看权益详情</text>
 						<image class="img" :src="assetsPath+'/vip/icon_right.png'" mode="widthFix"></image>
 					</view>
@@ -170,6 +172,7 @@
 </template>
 
 <script>
+	import moment from "@/common/moment.js";
 	import fTabbar from '@/components/module/f-tabbar/f-tabbar';
 	import {
 		equityMembersList,
@@ -200,6 +203,7 @@
 				rechargeIndex: 0,
 				index: 0,
 				consumerMemberStatus: false,
+				equityAmountList:[],
 				preferList: [{
 						iconUrl: config.assetsPath + "/vip/p_1.png",
 						title: "会员价",
@@ -287,6 +291,8 @@
 					console.log(res, 999999)
 					if (res.data.code == 200 && res.data.rows) {
 						this.list = res.data.rows
+						this.equityAmountList = Number(this.list[0].requiredAmount).toFixed(2).toString().split('.');
+						console.log(this.equityAmountList,9999)
 					}
 					this.onGetUserInfo();
 				})
@@ -310,6 +316,7 @@
 				this.checked = false;
 			},
 			onSubmit() {
+				if(this.consumerMemberStatus) return;
 				if (!this.checked) {
 					uni.showToast({
 						icon: "none",
@@ -369,6 +376,11 @@
 					url: "/setting/rule/rule?keyData=user_pay_protocol"
 				})
 			},
+			onNavToRule3(){
+				uni.navigateTo({
+					url: "/setting/rule/rule?keyData=user_equity_details"
+				})
+			},
 			onNavToRecharge() {
 				if (!this.checked) {
 					uni.showToast({
@@ -557,13 +569,29 @@
 			}
 
 			.list-box {
+				position: relative;
 				display: flex;
 				flex: 1;
 				width: 100%;
 				padding: 0 1%;
 				justify-content: center;
 				align-items: center;
-
+                .absolute-1{
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					top: -14upx;
+					left: -8upx;
+					width: 96rpx;
+					height: 28rpx;
+					background: linear-gradient(90deg, #FF7800, #FF0000);
+					border-radius: 6rpx;
+					z-index: 8;
+                    text{
+						font-size: 18rpx;
+						color: #FFFFFF;
+					}
+				}
 				.item {
 					position: relative;
 					display: flex;