添加首页加载skeleton

components/home/JdLikeHomeHeader.uvue

@@ -4,12 +4,10 @@
 			<view
 				v-for="item in modules"
 				:key="item.key"
-				class="jd2-module-item"
-				:class="isServiceModule ? 'jd2-module-item-service' : ''"
+				:class="['jd2-module-item', activeModule == item.key ? 'jd2-module-item-active' : '', isServiceModule ? 'jd2-module-item-service' : '']"
 				@click="emit('change-module', item.key)"
 			>
 				<text :class="['jd2-module-text', activeModule == item.key ? 'jd2-module-text-active' : '', isServiceModule ? 'jd2-module-text-service' : '']">{{ item.label }}</text>
-				<view v-if="activeModule == item.key" :class="['jd2-module-line', isServiceModule ? 'jd2-module-line-service' : '']"></view>
 			</view>
 		</view>
 
@@ -121,17 +119,27 @@ function handleSearch() {
 	padding-right: 24rpx;
 	height: 62rpx;
 	box-sizing: border-box;
+	padding-top: 6rpx;
 }
 
 .jd2-module-item {
 	align-items: center;
 	justify-content: center;
-	height: 62rpx;
-	margin-right: 36rpx;
+	min-width: 132rpx;
+	height: 56rpx;
+	margin-right: 20rpx;
+	padding-left: 24rpx;
+	padding-right: 24rpx;
+	border-radius: 999rpx;
+	background-color: #eceff3;
+	border-width: 2rpx;
+	border-style: solid;
+	border-color: transparent;
+	box-sizing: border-box;
 }
 
 .jd2-module-item-service {
-	margin-right: 28rpx;
+	margin-right: 20rpx;
 }
 
 .jd2-module-text {
@@ -155,16 +163,18 @@ function handleSearch() {
 	color: #0f766e;
 }
 
+.jd2-module-item-active {
+	border-color: rgba(215, 39, 39, 0.16);
+	background-color: #fef2f2;
+	box-shadow: 0 10rpx 22rpx rgba(215, 39, 39, 0.08);
+}
+
 .jd2-module-line {
-	margin-top: 8rpx;
-	width: 32rpx;
-	height: 6rpx;
-	border-radius: 999rpx;
-	background: #e2231a;
+	display: none;
 }
 
 .jd2-module-line-service {
-	background: #16a085;
+	display: none;
 }
 
 .jd2-search-wrap {