Browse Source

pad样式修改

tanxue 2 weeks ago
parent
commit
30b70fbf0b

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

@@ -1584,7 +1584,7 @@
 		box-sizing: border-box;padding-bottom: 42rpx;border-bottom: 1px dashed #ccc;
 		.about-icon-box{
 			width: 192rpx;height: 188rpx;margin-right: 36rpx;
-			@include ezy-no-repeat-cover;background-image: url("@/static/images/my/about-icon.png");
+			@include ezy-no-repeat-cover;background-image: url("@/static/images/common/my/about-icon.png");
 		}
 		.about-name{
 			font-size: 30rpx;margin: 20rpx 0 42rpx;
@@ -1983,6 +1983,8 @@
 			.wechat-icon{background-image: url("@/static/images/shop/wx-icon.png");}
 			.alipay-icon{background-image: url("@/static/images/shop/zfb-icon.png");}
 		}
+		
+		.qrdd-radio-item{transform:scale(0.7);}
 	}
 
 
@@ -1999,6 +2001,103 @@
 			@include ezy-no-repeat-cover;background-image: url("@/static/images/shop/pay-btn.png");
 		}
 	}
+	
+	@include mediaSmall() {
+			.dd-item-box{
+				width: 718rpx;height: 231rpx;padding: 17rpx 23rpx;margin: 0 auto 10rpx;position: relative;
+				border-radius: 13rpx;box-shadow: 0 0rpx 16rpx rgba(100, 159, 241, 0.2);box-sizing: border-box;
+				background-color: #fff;background-image: unset;overflow: hidden;
+	
+				.item-img-box{width: 137rpx;height: 185rpx;border-radius: 8rpx;margin-right: 16rpx;z-index: 4;}
+				.item-content-box{
+					z-index: 4;line-height: 1.8;
+					.item-name{font-size: 22rpx;margin-bottom: 6rpx;}
+					.item-intro{font-size: 20rpx;margin-bottom: 6rpx;@include multi-line-ellipsis(3);}
+					.item-xianjia{font-size: 22rpx;}
+				}
+			}
+			.dd-item-box::before,.dd-item-box::after{
+				content: '';@include ezy-no-repeat-cover;
+				position: absolute;z-index: 3;opacity: 0.7;
+			}
+			.dd-item-box::before{width:440rpx;height: 406rpx;top: -180rpx;left:-160rpx;
+			background-image: url("@/static/images/common/xk-mask-img1.png");}
+			.dd-item-box::after{width: 180rpx;height: 165rpx;bottom: -20rpx;right:-30rpx;
+			background-image: url("@/static/images/common/xk-mask-img2.png");}
+	
+			.qrdd-border-box{
+				width: 718rpx;border-radius: 13rpx;padding: 0 16rpx 16rpx;margin-bottom: 16rpx;
+	
+				.kcxxdj-title{font-size: 22rpx;padding: 16rpx 0;}
+				.kcxxdj-tc-box{
+					border-radius: 13rpx;padding: 20rpx 0;
+					.tc-item{
+						min-width: 56rpx;min-height: 56rpx;border-radius: 13rpx;
+						font-size: 20rpx;padding: 16rpx 4rpx;margin: 16rpx 0 16rpx 36rpx;
+					}
+				}
+				.border-row{font-size: 22rpx;padding: 21rpx 0;}
+				.sum-text{margin-right: 21rpx;}
+	
+				.zzfs-name-box{
+					icon{width: 34rpx;height: 34rpx;margin-right: 10rpx;}
+				}
+				.qrdd-radio-item{transform:scale(0.85);}
+			}
+	
+			.qrdd-footer-box{
+				padding: 16rpx;box-shadow: 0 5rpx 16rpx rgba(0, 0, 0, 0.4);
+	
+				.xj-text-text{font-size: 27rpx;}
+				.sum-text{font-size: 22rpx;}
+				.yh-text{font-size: 20rpx;margin-top: 4rpx;}
+				.ljzf-btn{width: 181rpx;height: 57rpx;line-height: 57rpx;font-size: 21rpx;}
+			}
+		}
+	
+		@include mediaBig() {
+			.dd-item-box{
+				width: 1950rpx;height: 570rpx;padding: 42rpx 58rpx;margin: 0 auto 36rpx;border-radius: 32rpx;
+	
+				.item-img-box{width: 336rpx;height: 456rpx;border-radius: 19rpx;margin-right: 38rpx;}
+				.item-content-box{
+					.item-name{font-size: 54rpx;margin-bottom: 16rpx;}
+					.item-intro{font-size: 46rpx;margin-bottom: 16rpx;}
+					.item-xianjia{font-size: 54rpx;}
+				}
+			}
+			.dd-item-box::before{width:840rpx;height: 806rpx;top: -320rpx;left:-280rpx;}
+			.dd-item-box::after{width: 480rpx;height: 465rpx;bottom: -100rpx;right:-100rpx;}
+			
+			.qrdd-border-box{
+				width: 1950rpx;border-radius: 32rpx;padding: 0 38rpx 26rpx;margin-bottom: 36rpx;
+	
+				.kcxxdj-title{font-size: 54rpx;padding: 26rpx 0;}
+				.kcxxdj-tc-box{
+					border-radius: 32rpx;padding: 26rpx 0;
+					.tc-item{
+						min-width: 160rpx;min-height: 160rpx;border-radius: 40rpx;
+						font-size: 46rpx;padding: 55rpx 10rpx;margin: 26rpx 0 26rpx 94rpx;
+					}
+				}
+				.border-row{font-size: 54rpx;padding: 51rpx 0;}
+				.sum-text{margin-right: 51rpx;}
+	
+				.zzfs-name-box{
+					icon{width: 85rpx;height: 85rpx;margin-right: 26rpx;}
+				}
+			}
+	
+			.qrdd-footer-box{
+				padding: 38rpx;
+				box-shadow: 0 13rpx 38rpx rgba(0, 0, 0, 0.4);
+	
+				.xj-text-text{font-size: 68rpx;}
+				.sum-text{font-size: 54rpx;}
+				.yh-text{font-size: 46rpx;margin-top: 10rpx;}
+				.ljzf-btn{width: 446rpx;height: 141rpx;line-height: 141rpx;font-size: 54rpx;}
+			}
+		}
 }
 
 // 手机号快捷登录弹窗

+ 1 - 1
pages/chanpinShop/cp1/dingdan.vue

@@ -57,7 +57,7 @@
 							}"></icon>
 							<text>{{item.name}}</text>
 						</view>
-						<radio :value="item.value" :checked="index === current" style="transform:scale(0.7)" />
+						<radio :value="item.value" :checked="index === current" class="qrdd-radio-item"/>
 					</label>
 				</radio-group>
 			</template>

+ 1 - 1
pages/chanpinShop/cp2/dingdan.vue

@@ -57,7 +57,7 @@
 							}"></icon>
 							<text>{{item.name}}</text>
 						</view>
-						<radio :value="item.value" :checked="index === current" style="transform:scale(0.7)" />
+						<radio :value="item.value" :checked="index === current" class="qrdd-radio-item" />
 					</label>
 				</radio-group>
 			</template>

+ 1 - 1
pages/chanpinShop/cp3/dingdan.vue

@@ -57,7 +57,7 @@
 							}"></icon>
 							<text>{{item.name}}</text>
 						</view>
-						<radio :value="item.value" :checked="index === current" style="transform:scale(0.7)" />
+						<radio :value="item.value" :checked="index === current" class="qrdd-radio-item" />
 					</label>
 				</radio-group>
 			</template>

BIN
static/images/my/about-icon.png