|
|
@@ -1810,15 +1810,16 @@
|
|
|
.order-scroll-view{overflow-y: auto;}
|
|
|
.order-body{padding: 0;}
|
|
|
.order-card-box{
|
|
|
- border-radius: 16rpx;margin: 32rpx 24rpx 0;padding: 24rpx;
|
|
|
- box-shadow: 0 0rpx 6rpx rgba(100, 159, 241, 0.3);
|
|
|
+ border-radius: 16rpx;margin: 32rpx 24rpx 0;padding: 24rpx;overflow: hidden;
|
|
|
+ box-shadow: 0 0rpx 6rpx rgba(100, 159, 241, 0.3);position: relative;
|
|
|
.card-head-box{
|
|
|
- display: flex;align-items: center;justify-content: space-between;line-height: 1.6;
|
|
|
+ display: flex;align-items: center;justify-content: space-between;
|
|
|
+ line-height: 1.6;position: relative;z-index: 4;
|
|
|
.head-name{font-size: 30rpx;color: #333;font-weight: bold;}
|
|
|
.head-status{font-size: 28rpx;color: #666;}
|
|
|
}
|
|
|
.card-body-box{
|
|
|
- display: flex;margin-top: 16rpx;
|
|
|
+ display: flex;margin-top: 16rpx;position: relative;z-index: 4;
|
|
|
.order-img{width: 200rpx;height: 280rpx;flex-shrink: 0;border-radius: 16rpx;}
|
|
|
.body-right-box{
|
|
|
margin-left: 24rpx;flex: 1;
|
|
|
@@ -1829,6 +1830,63 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .order-card-box::before,.order-card-box::after{
|
|
|
+ content: '';@include ezy-no-repeat-cover;
|
|
|
+ position: absolute;z-index: 3;opacity: 0.7;
|
|
|
+ }
|
|
|
+ .order-card-box::before{width: 500rpx;height: 473rpx;background-image: url("@/static/images/common/xk-mask-img1.png");top: -120rpx;left:-140rpx;}
|
|
|
+ .order-card-box::after{background-image: url("@/static/images/common/xk-mask-img2.png");width: 280rpx;height: 265rpx;bottom: -40rpx;right:-60rpx;}
|
|
|
+ @include mediaSmall() {
|
|
|
+ .order-card-box{
|
|
|
+ border-radius: 10rpx;margin: 21rpx 16rpx 0;padding: 16rpx;
|
|
|
+ box-shadow: 0 0rpx 4rpx rgba(100, 159, 241, 0.3);
|
|
|
+
|
|
|
+ .card-head-box{
|
|
|
+ .head-name{font-size: 20rpx;}
|
|
|
+ .head-status{font-size: 18rpx;}
|
|
|
+ }
|
|
|
+ .card-body-box{
|
|
|
+ margin-top: 10rpx;
|
|
|
+ .order-img{width: 130rpx;height: 182rpx;border-radius: 10rpx;}
|
|
|
+ .body-right-box{
|
|
|
+ margin-left: 16rpx;
|
|
|
+ .body-title{font-size: 22rpx;margin-bottom: 21rpx;}
|
|
|
+ .taocan-text{font-size: 18rpx;margin-bottom: 16rpx;}
|
|
|
+ .tip-text{font-size: 18rpx;margin-bottom: 16rpx;}
|
|
|
+ .money-text{font-size: 28rpx;}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .order-card-box::before{width: 325rpx;height: 307rpx;top: -78rpx;left: -91rpx;}
|
|
|
+ .order-card-box::after{width: 182rpx;height: 172rpx;bottom: -26rpx;right: -39rpx;}
|
|
|
+ }
|
|
|
+
|
|
|
+ @include mediaBig() {
|
|
|
+ .order-card-box{
|
|
|
+ border-radius: 26rpx;
|
|
|
+ margin: 51rpx 38rpx 0;
|
|
|
+ padding: 38rpx;
|
|
|
+ box-shadow: 0 0rpx 10rpx rgba(100, 159, 241, 0.3);
|
|
|
+
|
|
|
+ .card-head-box{
|
|
|
+ .head-name{font-size: 48rpx;}
|
|
|
+ .head-status{font-size: 45rpx;}
|
|
|
+ }
|
|
|
+ .card-body-box{
|
|
|
+ margin-top: 26rpx;
|
|
|
+ .order-img{width: 320rpx;height: 448rpx;border-radius: 26rpx;}
|
|
|
+ .body-right-box{
|
|
|
+ margin-left: 38rpx;
|
|
|
+ .body-title{font-size: 54rpx;margin-bottom: 51rpx;}
|
|
|
+ .taocan-text{font-size: 46rpx;margin-bottom: 38rpx;}
|
|
|
+ .tip-text{font-size: 46rpx;margin-bottom: 38rpx;}
|
|
|
+ .money-text{font-size: 68rpx;}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .order-card-box::before{width: 800rpx;height: 757rpx;top: -192rpx;left: -224rpx;}
|
|
|
+ .order-card-box::after{width: 448rpx;height: 424rpx;bottom: -64rpx;right: -96rpx;}
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
// 产品商城
|
tanxue