pad样式修改

common/styles/global/pages.scss

@@ -503,8 +503,8 @@
 				.dj-item:nth-child(6n) {margin-right: 0;}
 			}
 		}
-		.sx-card-box::before{width:300rpx;height: 284rpx;top: -120rpx;left:-100rpx;}
-		.sx-card-box::after{width: 120rpx;height: 114rpx;bottom: -25rpx;right:-30rpx;}
+		.sx-card-box::before{width: 325rpx;height: 307rpx;top: -78rpx;left: -91rpx;}
+		.sx-card-box::after{width: 182rpx;height: 172rpx;bottom: -42rpx;right: -42rpx;}
 	}
 	@include mediaBig() {
 		padding-bottom: 180rpx;
@@ -530,8 +530,8 @@
 				.dj-item:nth-child(6n) {margin-right: 0;}
 			}
 		}
-		.sx-card-box::before{width:640rpx;height: 606rpx;top: -240rpx;left:-200rpx;}
-		.sx-card-box::after{width: 280rpx;height: 265rpx;bottom: -50rpx;right:-60rpx;}
+		.sx-card-box::before{width: 800rpx;height: 757rpx;top: -192rpx;left: -224rpx;}
+		.sx-card-box::after{width: 448rpx;height: 424rpx;bottom: -64rpx;right: -96rpx;}
 	}
 }
 
@@ -1894,16 +1894,23 @@
 	width: 100%;height: 100vh;display: flex;flex-direction: column;
 	.shop-card-list{overflow-y: auto;flex: 1;padding: 12rpx 0 0;}
 	.shop-card-box{
-		border-radius: 16rpx;margin: 0 24rpx 32rpx;padding: 32rpx;
-		box-shadow: 0 0rpx 6rpx rgba(100, 159, 241, 0.3);display: flex;
-		.shop-img{width: 200rpx;height: 280rpx;flex-shrink: 0;border-radius: 16rpx;}
+		border-radius: 16rpx;margin: 0 24rpx 32rpx;padding: 32rpx;position: relative;
+		box-shadow: 0 0rpx 6rpx rgba(100, 159, 241, 0.3);display: flex;overflow: hidden;
+		.shop-img{width: 200rpx;height: 280rpx;flex-shrink: 0;border-radius: 16rpx;position: relative;z-index: 4;}
 		.card-right-box{
-			margin-left: 24rpx;display: flex;flex-direction: column;justify-content: space-between;
+			margin-left: 24rpx;position: relative;z-index: 4;
+			display: flex;flex-direction: column;justify-content: space-between;
 			.card-title{font-size: 34rpx;color: #333;font-weight: bold;margin-bottom: 24rpx;margin-top: 6rpx;}
 			.card-content{font-size: 28rpx;color: #666;text-align: justify;margin-bottom: 24rpx;@include multi-line-ellipsis(3);line-height: 1.6;}
 			.card-price{font-size: 34rpx;color: #ff0202;font-weight: bolder;}
 		}
 	}
+	.shop-card-box::before,.shop-card-box::after{
+		content: '';@include ezy-no-repeat-cover;
+		position: absolute;z-index: 3;opacity: 0.7;
+		}
+	.shop-card-box::before{width: 500rpx;height: 473rpx;background-image: url("@/static/images/common/xk-mask-img1.png");top: -120rpx;left:-140rpx;}
+	.shop-card-box::after{background-image: url("@/static/images/common/xk-mask-img2.png");width: 280rpx;height: 265rpx;bottom: -40rpx;right:-60rpx;}
 
 	@include mediaSmall() {
 		.shop-card-list{padding: 4rpx 0 0;}
@@ -1918,6 +1925,8 @@
 				.card-price{font-size: 22rpx;}
 			}
 		}
+		.shop-card-box::before{width: 325rpx;height: 307rpx;top: -78rpx;left: -91rpx;}
+		.shop-card-box::after{width: 182rpx;height: 172rpx;bottom: -26rpx;right: -39rpx;}
 	}
 	@include mediaBig() {
 		.shop-card-list{padding: 42rpx 0 0;}
@@ -1932,6 +1941,8 @@
 				.card-price{font-size: 54rpx;}
 			}
 		}
+		.shop-card-box::before{width: 800rpx;height: 757rpx;top: -192rpx;left: -224rpx;}
+		.shop-card-box::after{width: 448rpx;height: 424rpx;bottom: -64rpx;right: -96rpx;}
 	}
 }