细节

pages/cart/index.vue

@@ -541,16 +541,23 @@
 			margin: 0rpx 0 20rpx 0;
 
 			.pic {
+				position: relative;
 				width: 100%;
 				align-items: center;
 				display: flex;
-				height: 256rpx;
+				overflow: hidden;
+				width: 100%;
+				height: 0;
+				padding-bottom: 100%;
 				overflow: hidden;
 			
 				image {
 					width: 100%;
 					height: 100%;
-			
+					object-fit: cover;
+					position: absolute;
+					left: 0;
+					top: 0
 				}
 			}
 

pages/index/index.vue

@@ -698,7 +698,7 @@
 						}
 					})
 					// #endif
-							}else{
+				} else {
 					this.$toast('暂不支持企业微信客服')
 				}
 			},
@@ -2048,16 +2048,23 @@
 					margin: 0rpx 0 20rpx 0;
 
 					.pic {
+						position: relative;
 						width: 100%;
 						align-items: center;
 						display: flex;
-						height: 256rpx;
+						overflow: hidden;
+						width: 100%;
+						height: 0;
+						padding-bottom: 100%;
 						overflow: hidden;
 
 						image {
 							width: 100%;
 							height: 100%;
-
+							object-fit: cover;
+							position: absolute;
+							left: 0;
+							top: 0
 						}
 					}
 

pages/user/index.vue

@@ -1418,15 +1418,23 @@
 			margin: 0 0 20rpx 0;
 
 			.pic {
+				position: relative;
 				width: 100%;
 				align-items: center;
 				display: flex;
-				height: 256rpx;
+				overflow: hidden;
+				width: 100%;
+				height: 0;
+				padding-bottom: 100%;
 				overflow: hidden;
 			
 				image {
 					width: 100%;
 					height: 100%;
+					object-fit: cover;
+					position: absolute;
+					left: 0;
+					top: 0
 				}
 			}