Ver Fonte

样式修改

tanxue há 3 semanas atrás
pai
commit
d68305bd09
1 ficheiros alterados com 30 adições e 1 exclusões
  1. 30 1
      common/styles/global/pages.scss

+ 30 - 1
common/styles/global/pages.scss

@@ -1380,7 +1380,7 @@
 // 产品商城
 .ezy-shop-page{
 	width: 100%;height: 100vh;display: flex;flex-direction: column;
-	.shop-card-list{overflow-y: auto;flex: 1;padding: 24rpx 0 0;}
+	.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;
@@ -1392,6 +1392,35 @@
 			.card-price{font-size: 34rpx;color: #ff0202;font-weight: bolder;}
 		}
 	}
+	
+	@include mediaSmall() {
+		.shop-card-list{padding: 4rpx 0 0;}
+		.shop-card-box{
+			border-radius: 10rpx;margin: 0 16rpx 21rpx;padding: 21rpx;
+			box-shadow: 0 0rpx 4rpx rgba(100, 159, 241, 0.3);
+			.shop-img{width: 110rpx;height: 154rpx;border-radius: 10rpx;}
+			.card-right-box{
+				margin-left: 16rpx;
+				.card-title{font-size: 22rpx;margin-bottom: 16rpx;margin-top: 2rpx;}
+				.card-content{font-size: 20rpx;margin-bottom: 16rpx;line-height: 1.6;@include multi-line-ellipsis(2);}
+				.card-price{font-size: 22rpx;}
+			}
+		}
+	}
+	@include mediaBig() {
+		.shop-card-list{padding: 42rpx 0 0;}
+		.shop-card-box{
+			border-radius: 26rpx;margin: 0 38rpx 51rpx;padding: 51rpx;
+			box-shadow: 0 0rpx 10rpx rgba(100, 159, 241, 0.3);
+			.shop-img{width: 240rpx;height: 336rpx;border-radius: 26rpx;}
+			.card-right-box{
+				margin-left: 38rpx;
+				.card-title{font-size: 54rpx;margin-bottom: 16rpx;margin-top: 4rpx;}
+				.card-content{font-size: 45rpx;margin-bottom: 16rpx;line-height: 1.8;}
+				.card-price{font-size: 54rpx;}
+			}
+		}
+	}
 }
 
 // 产品商城详情