代码优化

vedio/components/coin-popup/coin-popup.vue

@@ -28,7 +28,7 @@
 					</view>
 					<view class="section">
 						<view class="pack-box">
-							<view class="pack-item" :class="[{active: index==selectedIndex}]"
+							<view class="pack-item" :style="item.largeType !=='vip' ?'background: #f5f5f5;':'background: #f4c98b;'" :class="[{active: index==selectedIndex}]"
 								v-for='(item, index) in vipList' :key='index' @click="choosePack(item, index)">
 								<view style="display: flex;flex-direction: column;align-items: center;">
 
@@ -40,7 +40,7 @@
 										{{item.title}}
 									</view>
 
-									<view class="origin row" v-if='item.oldPrice'>
+									<view class="origin row" v-if="item.remarks!=null">
 										{{item.remarks}}
 									</view>
 								</view>
@@ -213,11 +213,11 @@
 			margin-bottom: 25rpx;
 			margin-right: 22rpx;
 			width: calc(45%);
-			height: 200rpx;
+			height: 190rpx;
 			display: flex;
 			flex-direction: column;
 			justify-content: space-around;
-			background: #f5f5f5;
+			// background: #f5f5f5;
 			border: 6rpx solid #f5f5f5;
 			border-radius: 10rpx;
 			position: relative;
@@ -232,8 +232,7 @@
 			}
 
 			.name {
-				font-size: 32rpx;
-				font-weight: 700;
+				font-size: 29rpx;
 				color: #333;
 			}
 
@@ -243,9 +242,18 @@
 				font-weight: 700;
 			}
 
-			.origin {
-				font-size: 30rpx;
-				color: #333;
+			.origin {
+				color: #5A3C0F;
+				// background: #5a1505;
+				background-image: linear-gradient(90deg, #F3DEBE, #EAC180);
+				font-size: 22rpx;
+				border-radius: 20rpx;
+				height: 30rpx;
+				line-height: 30rpx;
+				padding-top: 4rpx;
+				padding-bottom: 3rpx;
+				padding-left: 16rpx;
+				padding-right: 16rpx;
 			}
 
 			.cut-down {

vedio/pages/my/my.vue

@@ -26,7 +26,7 @@
 						到期时间:{{userBean.expireTime*1000 | formatDate('yyyy-MM-dd')}}
 					</view>
 
-					<view v-if="userBean.expireTime<=0" @click="handleVipPay"
+					<view v-if="userBean.expireTime<=0" @click="handleCoinPay"
 						style="width: 210rpx;height: 60rpx;background-color: #5b1500;border-radius:30rpx;color: white;font-size: 26rpx;justify-content: center;align-items: center;display: flex;padding-bottom: 4rpx;margin-top: 30rpx;">
 						立即开通
 					</view>