|
|
@@ -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;}
|
|
|
}
|
|
|
}
|
|
|
|
tanxue