chore：一级分类高度和二级分类高度一致

components-diy/diy-category-item.vue

@@ -58,7 +58,7 @@
 				<view :class="['category-title', 'category-title-with-lines']">{{ one.category_name }}</view>
 				<view class="template1-goods-wrap">
 					<view class="goods-list double-column show" v-if="template1ChildGoodsList[one.category_id] && template1ChildGoodsList[one.category_id].length">
-						<view class="goods-item" v-for="(item, index) in template1ChildGoodsList[one.category_id]" :key="one.category_id + '-' + index">
+						<view class="goods-item" v-for="(item, index) in template1ChildGoodsList[one.category_id]" :key="index">
 							<view class="goods-img" @tap.stop="toDetail(item)">
 								<image :src="goodsImg(item.goods_image)" mode="widthFix" @error="template1ImgError(one.category_id, index)" show-menu-by-longpress />
 								<view class="color-base-bg goods-tag" v-if="item.label_name">{{ item.label_name }}</view>
@@ -2388,11 +2388,14 @@ export default {
 .second-category-btns {
 	display: flex;
 	flex-wrap: wrap;
+	height: 96rpx;
+	box-sizing: border-box;
+	align-items: center;
 	// #ifdef H5
-	padding: 20rpx 10rpx 6rpx 24rpx;
+	padding: 0rpx 10rpx 0rpx 24rpx;
 	// #endif
 	// #ifndef H5
-	padding: 20rpx 20rpx 10rpx;
+	padding: 0rpx 20rpx 0rpx;
 	// #endif
 	background: #fff;
 	border-bottom: 1rpx solid #f0f0f0;
@@ -2403,7 +2406,7 @@ export default {
 		color: #666;
 		border-radius: 30rpx;
 		font-size: 20rpx;
-		margin: 0 14rpx 17rpx 0;
+		margin: 0 14rpx 0rpx 0;
 		max-width: 100%;
 		white-space: nowrap;
 		overflow: hidden;

components-diy/diy-category.vue

@@ -93,10 +93,10 @@
 		<view class="category-page-skeleton" v-if="categoryTreeLoading">
 			<view class="skeleton-content">
 				<view class="skeleton-tree">
-					<view class="skeleton-tree-item" v-for="n in 8" :key="'sk-tree-' + n"></view>
+					<view class="skeleton-tree-item" v-for="n in 8" :key="n"></view>
 				</view>
 				<view class="skeleton-grid">
-					<view class="skeleton-card" v-for="n in 6" :key="'sk-card-' + n"></view>
+					<view class="skeleton-card" v-for="n in 6" :key="n"></view>
 				</view>
 			</view>
 		</view>
@@ -106,7 +106,7 @@
 					<view class="category-item-wrap">
 						<!-- 模板4: 左侧显示一级分类(顶部轮播中的分类) -->
 						<view v-if="value.template == 4">
-							<view class="category-item" v-for="(item, index) in templateFourData" :key="'one-' + index" :class="[
+							<view class="category-item" v-for="(item, index) in templateFourData" :key="index" :class="[
 								{ select: oneCategorySelect == index },
 								{ 'border-bottom': oneCategorySelect + 1 === index },
 								{ 'border-top': oneCategorySelect - 1 === index }
@@ -729,11 +729,12 @@ export default {
 }
 
 .content-box {
-	flex: 1;
-	height: 0;
-	display: flex;
+		flex: 1;
+		height: 0;
+		display: flex;
+		align-items: flex-start;
 
-	.tree-wrap {
+		.tree-wrap {
 		width: 170rpx;
 		height: 100%;
 		background-color: #f5f5f5;
@@ -1590,6 +1591,8 @@ export default {
 	.tree-wrap .category-item {
 		padding: 30rpx 16rpx;
 		background-color: #f5f5f5;
+		height: 96rpx;
+		box-sizing: border-box;
 
 		view {
 			color: #333;
@@ -1599,6 +1602,7 @@ export default {
 
 		&.select {
 			background: #fff;
+			border-bottom: 1rpx solid #f0f0f0;
 
 			view {
 				color: #333;

pages_goods/category.vue

@@ -2,7 +2,7 @@
 	<view :style="themeColor">
 		<!-- 使用 item.id / componentName 稳定 key 避免 v-for 在 diyData 整体重赋值时把组件整个销毁重建, 引发频闪 -->
 		<view v-if="diyData && diyData.value && diyData.value.length">
-			<block v-for="(item, index) in diyData.value" :key="item.id || item.componentName || index">
+			<block v-for="(item, index) in diyData.value" :key="index">
 				<view v-if="item.componentName == 'GoodsCategory'">
 					<diy-category @tologin="toLogin" ref="category" :value="item"></diy-category>
 				</view>