积分页修改

views/Integral.vue

@@ -38,10 +38,11 @@
 				v-for="(item, index) in integralData?.vipLvInfo" 
 				:key="index"
 				@click="handleVipClick"
-				:style="{
-					background: `url(../../static/integral/${tupianBanben}/${item?.vipLvBg}) no-repeat center/contain`
-				}"
 			>
+			<image class="vip-bg"
+				:src="`/static/integral/${tupianBanben}/${item?.vipLvBg}`"
+				mode="aspectFit"
+			/>
 					<image 
 						class="vip-icon" 
 						:src="`/static/integral/${tupianBanben}/${item?.vipLvIcon}`"
@@ -51,6 +52,14 @@
 						:src="`/static/integral/${tupianBanben}/${item?.currentLvTip}`"
 						mode="aspectFit"
 					/>
+
+					<button
+						v-if="!islogin"
+						type="primary"   
+						class="phone-button"
+						open-type="getPhoneNumber"
+						@getphonenumber="getRealtimePhoneNumber"
+					/>
 				<view class="vip-info">
 					<text class="vip-name"
 						:style="{
@@ -66,13 +75,7 @@
 							:src="$baseUrl + `integral/${tupianBanben}/${item?.vipNameImg}`"
 							mode="aspectFit"
 						/>
-						<button
-							v-if="!islogin"
-							type="primary"   
-							class="phone-button"
-							open-type="getPhoneNumber"
-							@getphonenumber="getRealtimePhoneNumber"
-						/>
+						
 						<image 
 							v-if="!islogin"
 							class="rule-icon"
@@ -1890,36 +1893,34 @@
 	}
 
 	.vip-swiper {
-		width: 686rpx;
-		height: 256rpx;
+		width: 687rpx;
+		height: 280rpx;
 		// margin-top: 15rpx;
 		margin-left:auto;
 		margin-right: auto;
 			.vip-area {
+				top: 0rpx;
 				width: 687rpx;
-				height: 256rpx;
-			// margin-left: 32rpx;
-			// margin-right: 32rpx;
-			// background: url('@{baseUrl}integral/1008/vipDetailBg.png') no-repeat center/cover;
-				flex-direction: row;
-				position: relative;
-				display: flex;
-				
+				height: 280rpx;
+				position: absolute;
+				.vip-bg{
+					top: 24rpx;
+					width: 692rpx;
+					height: 256rpx;
+					position: absolute;
+				}
 				.vip-icon {
-					width: 97rpx;
-					height: 92rpx;
-					margin-left: 30rpx;
-					margin-top: 32rpx;
+					width: 254rpx;
+					height: 268rpx;
+					left:50%;
+					transform: translate(-50%);
+					position: absolute;
 				}
 
 				.current-tag {
-					width: 60rpx;
-					height: 37rpx;
-					margin-left: 10rpx;
-					margin-top: 5rpx;
-					display: flex;
-					align-items: center;
-					justify-content: center;
+					width: 121rpx;
+					height: 40rpx;
+					position: absolute;
 				}
 
 				.vip-info {