1

pages/home/home.vue

@@ -27,8 +27,8 @@
 					<view class="swiper-list">
 						<view class="item" v-for="(subItem, subIndex) in item" :key="subIndex" @click="goToLandPage(subItem)">
 							<image class="icon" mode="aspectFill" :src="subItem.icon"></image>
-							<view class="item-title">{{ subItem.title }}</view>
-							<view class="item-desc">{{ subItem.subTitle }}</view>
+							<view class="item-title"><text>{{ subItem.title }}</text></view>
+							<view class="item-desc"><text>{{ subItem.subTitle }}</text></view>
 						</view>
 					</view>
 				</swiper-item>
@@ -237,7 +237,7 @@ export default {
 </script>
 <style>
 	page {
-		background-color: #FFEEEE;
+		background-color: #f5f5f5;
 	}
 </style>
 <style lang="scss" scoped>
@@ -362,7 +362,7 @@ export default {
 		margin-top: -50rpx;
 		width: 100%;
 		.swiper {
-			height: 616rpx;
+			height: 572rpx;
 			width: 100%;
 			border-radius: 30rpx;
 			.swiper-list {
@@ -374,11 +374,11 @@ export default {
 				z-index: 99;
 				flex-wrap: wrap;
 				width: 100%;
-				height: 100%;
+				height: 540rpx;
 				.item {
 					width: 148rpx;
-					height: 180rpx;
 					text-align: center;
+					padding-bottom: 18rpx;
 					.icon {
 						width: 96rpx;
 						height: 96rpx;
@@ -393,15 +393,17 @@ export default {
 						white-space: nowrap;
 						overflow: hidden;
 						width: 148rpx;
+						padding: 0;
 					}
 					.item-desc {
 						font-size: 20rpx;
 						color: #999999;
 						text-overflow: ellipsis;
 						white-space: nowrap;
-						margin-top: 10rpx;
+						// margin-top: 4rpx;
 						overflow: hidden;
 						width: 148rpx;
+						padding: 0;
 					}
 				}
 			}
@@ -433,7 +435,7 @@ export default {
 		flex-direction: row;
 		background: #FFFFFF;
 		border-radius: 30rpx;
-		padding: 30rpx 5rpx;
+		padding: 30rpx 5rpx 12rpx;
 		z-index: 99;
 		flex-wrap: wrap;
 		width: 100%;
@@ -441,8 +443,8 @@ export default {
 		margin-top: -50rpx;
 		.item {
 			width: 148rpx;
-			height: 180rpx;
 			text-align: center;
+			padding-bottom: 18rpx;
 			.icon {
 				width: 96rpx;
 				height: 96rpx;
@@ -456,6 +458,7 @@ export default {
 				text-overflow: ellipsis;
 				white-space: nowrap;
 				overflow: hidden;
+				padding: 0;
 				width: 148rpx;
 			}
 			.item-desc {
@@ -463,9 +466,10 @@ export default {
 				color: #999999;
 				text-overflow: ellipsis;
 				white-space: nowrap;
-				margin-top: 10rpx;
+				// margin-top: 4rpx;
 				overflow: hidden;
 				width: 148rpx;
+				padding: 0;
 			}
 		}
 	}