细节间距文字优化

packageGoods/components/exchange-popup/exchange-popup.vue

@@ -188,23 +188,27 @@
 					}
 				}
 				
-				&-content {.image-goods {
-					width: 154rpx;
-					height: 154rpx;
-					border-radius: 18rpx;
-					border: 1px solid #EEEEEE;
-					margin-right: 24rpx;
-				}
+				&-content {
 					height: 154rpx;
 					flex-direction: column;
 					align-items: flex-start;
 					justify-content: space-between;
 					padding: 34rpx 0;
 					
+					.image-goods {
+						width: 154rpx;
+						height: 154rpx;
+						border-radius: 18rpx;
+						border: 1px solid #EEEEEE;
+						margin-right: 24rpx;
+					}
+					
 					&__title {
 						font-size: 30rpx;
 						line-height: 30rpx;
 						font-weight: bold;
+						height: 30rpx;
+						overflow: hidden;
 					}
 					
 					&__coin {

packageGoods/components/purchase-popup/purchase-popup.vue

@@ -177,20 +177,24 @@
 					}
 				}
 				
-				&-content {.image-goods {
-					width: 154rpx;
-					height: 154rpx;
-					border-radius: 18rpx;
-					border: 1px solid #EEEEEE;
-					margin-right: 24rpx;
-				}
+				&-content {
 					height: 154rpx;
 					flex-direction: column;
 					align-items: flex-start;
 					justify-content: space-between;
 					padding: 34rpx 0;
 					
+					.image-goods {
+						width: 154rpx;
+						height: 154rpx;
+						border-radius: 18rpx;
+						border: 1px solid #EEEEEE;
+						margin-right: 24rpx;
+					}
+					
 					&__title {
+						height: 30rpx;
+						overflow: hidden;
 						font-size: 30rpx;
 						line-height: 30rpx;
 						font-weight: bold;

packageGoods/goods/list.vue

@@ -228,12 +228,12 @@
 				background: #FFFFFF;
 				box-shadow: 0px 0px 3px 0px rgba(100, 100, 100, 0.1);
 				border-radius: 16rpx;
-				margin-bottom: 30rpx;
+				margin-bottom: 32rpx;
 				
 				.image-wrap {
 					width: 100%;
 					height: 320rpx;
-					margin-bottom: 18rpx;
+					margin-bottom: 16rpx;
 					
 					image {
 						width: 100%;
@@ -251,17 +251,18 @@
 						font-size: 28rpx;
 						line-height: 28rpx;
 						font-weight: bold;
-						margin-bottom: 40rpx;
+						margin-bottom: 30rpx;
 					}
 					
 					&-coin {
 						height: 30rpx;
 						font-size: 24rpx;
 						justify-content: flex-start;
-						margin-bottom: 34rpx;
+						margin-bottom: 24rpx;
 						
 						&__left {
 							margin-right: 24rpx;
+							font-weight: bold;
 							
 							image {
 								width: 34rpx;
@@ -277,6 +278,7 @@
 					
 					&-price {
 						font-size: 24rpx;
+						line-height: 24rpx;
 						color: #666666;
 					}
 				}

pages/core/index.vue

@@ -565,7 +565,7 @@
 				flex-direction: column;
 				justify-content: flex-start;
 				width: 48%;
-				padding-bottom: 36rpx;
+				padding-bottom: 32rpx;
 				background: #FFFFFF;
 				box-shadow: 0px 0px 3px 0px rgba(100, 100, 100, 0.1);
 				border-radius: 16rpx;
@@ -574,7 +574,7 @@
 				.image-wrap {
 					width: 100%;
 					height: 320rpx;
-					margin-bottom: 18rpx;
+					margin-bottom: 16rpx;
 					
 					image {
 						width: 100%;
@@ -592,17 +592,18 @@
 						font-size: 28rpx;
 						line-height: 28rpx;
 						font-weight: bold;
-						margin-bottom: 40rpx;
+						margin-bottom: 30rpx;
 					}
 					
 					&-coin {
 						height: 30rpx;
 						font-size: 24rpx;
 						justify-content: flex-start;
-						margin-bottom: 34rpx;
+						margin-bottom: 24rpx;
 						
 						&__left {
 							margin-right: 24rpx;
+							font-weight: bold;
 							
 							image {
 								width: 34rpx;
@@ -618,6 +619,7 @@
 					
 					&-price {
 						font-size: 24rpx;
+						line-height: 24rpx;
 						color: #666666;
 					}
 				}