vip修改

my/vip/index.vue

@@ -25,7 +25,7 @@
 							<view class="text-center flex flex-direction justify-between padding-tb radius"
 								:class="selNum == item.id?'active': 'noactive'">
 								<view class="text-bold" style="font-size: 36rpx;">{{item.vipName}}</view>
-								<view class="text-bold" style="font-size: 30rpx;"> <text class="text-xxl" style="font-size: 37rpx;margin-left: 10rpx;color: #D33232;"><text style="font-size: 14px;">￥</text>{{item.money}}</text></view>
+								<view class="text-bold" style="font-size: 30rpx;"> <text class="text-xxl" style="font-size: 37rpx;margin-left:-10rpx;color: #D33232;"><text style="font-size: 14px;">￥</text>{{item.money}}</text></view>
 							</view>
 						</view>
 					</view>
@@ -41,8 +41,9 @@
 						<!-- 协议地址 -->
 						<navigator url="/pages/my/hyXy" open-type="navigate" style="color: #019c88;">《会员协议》</navigator>
 					</view>
+					<view class="quanyi-line"><image style="width:100%;height:180px;object-fit: contain;" src="../../static/vip/Equity4.png"></image></view>
 					<view class="quanyi_titname">~VIP超值权益~</view>
-					<view class="quanyi_itemview" style="margin-bottom: 60rpx;">
+					<!--<view class="quanyi_itemview" style="margin-bottom: 60rpx;">
 						<view class="quanyi_listitem">
 							<image src="../../static/vip/zuanshi.png"></image>
 							<view class="listitem_name">专享{{rateStr}}折</view>
@@ -51,6 +52,20 @@
 							<image src="../../static/vip/wangguan.png"></image>
 							<view class="listitem_name">身份标识</view>
 						</view>
+					</view>-->
+					<view class="quanyi_itemview" style="margin-bottom: 60rpx;">
+						<view class="quanyi_listitem">
+							<image src="../../static/vip/Equity2.png"></image>
+							<view class="listitem_name">会员优享价</view>
+						</view>
+						<view class="quanyi_listitem">
+							<image src="../../static/vip/Equity1.png"></image>
+							<view class="listitem_name">专属客服</view>
+						</view>
+						<view class="quanyi_listitem">
+							<image src="../../static/vip/Equity3.png"></image>
+							<view class="listitem_name">极速退款</view>
+						</view>
 					</view>
 				</view>
 			</view>
@@ -70,12 +85,16 @@
 					<view class="quanyi_titname">~VIP超值权益~</view>
 					<view class="quanyi_itemview" style="margin-bottom: 60rpx;">
 						<view class="quanyi_listitem">
-							<image src="../../static/vip/zuanshi.png"></image>
-							<view class="listitem_name">专享{{rateStr}}折</view>
+							<image src="../../static/vip/Equity2.png"></image>
+							<view class="listitem_name">会员优享价</view>
 						</view>
 						<view class="quanyi_listitem">
-							<image src="../../static/vip/wangguan.png"></image>
-							<view class="listitem_name">身份标识</view>
+							<image src="../../static/vip/Equity1.png"></image>
+							<view class="listitem_name">专属客服</view>
+						</view>
+						<view class="quanyi_listitem">
+							<image src="../../static/vip/Equity3.png"></image>
+							<view class="listitem_name">极速退款</view>
 						</view>
 					</view>
 				</view>
@@ -525,6 +544,15 @@
 </script>
 
 <style lang="scss">
+	.quanyi-line{
+		width: 95%;
+		margin: 0 auto;
+	}
+	.quanyi-img{
+		width: 200px;
+		height: 200px;
+		object-fit: contain; // 图片保持原有尺寸比例，内容被缩放。
+	}
 	.footer {
 		margin-top: 17px;
 		font-size: 12px;
@@ -551,16 +579,16 @@
 		padding: 22px 0px;
 	}
 	.quanyi_titview-list{
-		width: 100%;
+		width: 94%;
+		margin: 25px auto;
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 		justify-content: space-around;
-		margin: 25px 0px;
 	}
 	.vip-list{
 		display: inline-block;
-		width: 201.39rpx;
+		/*width: 201.39rpx;*/
 		height: 239.58rpx;
 		margin: 10rpx 10rpx;
 		position: relative;
@@ -573,10 +601,9 @@
 		background: linear-gradient(-90deg, #0CA891, #23BBA2);
 		border-radius: 17rpx;
 		font-weight: bold;
-		font-size: 17rpx;
+		font-size: 20rpx;
 		color: #FFFFFF;
-		border-top-left-radius: 24px;
-		border-bottom-right-radius: 24px;
+		border-radius: 30rpx;		
 		position: absolute;
 		top: 0;
 		margin-top: -11px;
@@ -622,7 +649,7 @@
 	}
 	.bgbox-top{
 		width: 100%;
-		height: 536.11rpx;
+		height: 500rpx;
 		// background-image: url("../../static/vip/banner9.jpg");
 		// background-repeat: no-repeat;
 		// background-size: 100%;
@@ -655,6 +682,7 @@
 		width: 216rpx;
 		height: 250rpx;
 		background: #ECECEC;
+		border-radius: 20rpx;
 	}
 
 	.active {
@@ -663,7 +691,7 @@
 		height: 250rpx;
 		background: linear-gradient(0deg, #E5FFF7, #D5F5EB);
 		border-radius: 28rpx;
-		border: 2px solid #019C88;
+		border:1px solid #019C88;
 	}
 
 	.save_vipbtn {
@@ -706,8 +734,8 @@
 					}
 
 					image {
-						width: 65rpx;
-						height: 65rpx;
+						width: 70rpx;
+						height: 70rpx;
 					}
 				}
 			}
@@ -718,7 +746,7 @@
 				font-weight: 400;
 				font-size: 25rpx;
 				color: #666666;
-				margin: 0rpx 12rpx;
+				margin-top:40rpx;
 			}
 
 			image {