顶部轮播图

pages/category/category_detail.vue

@@ -310,10 +310,10 @@
 		position: fixed;
 		top: 0;
 		left: 0;
+		/* 去掉阴影让头部更轻 */
 		right: 0;
 		background-color: #ffffff;
 		z-index: 100;
-		box-shadow: 0 2rpx 10rpx rgba(0,0,0,0.05);
 	}
 
 	.header-content {
@@ -340,12 +340,13 @@
 		text-align: center;
 	}
 
-	.title-text {
-		font-size: 32rpx;
+	.nav-header .title-text {
+		font-size: 36rpx;
 		color: #333;
 		font-weight: bold;
 	}
 
+
 	.placeholder-area {
 		width: 60rpx;
 	}
@@ -363,9 +364,8 @@
 	.filter-bar {
 		display: flex;
 		background: #ffffff;
-		height: 88rpx;
+		height: 76rpx;
 		align-items: center;
-		border-bottom: 1rpx solid #f1f1f1;
 		position: sticky;
 		top: 0;
 		z-index: 90;
@@ -390,16 +390,17 @@
 	.sub-filter-row {
 		display: flex;
 		background: #ffffff;
-		padding: 10rpx 20rpx 20rpx;
+		padding: 0 20rpx 16rpx;
 		align-items: center;
+		border-bottom: 1rpx solid #f1f1f1;
 	}
 
 	.sub-filter-item {
-		padding: 6rpx 20rpx;
+		padding: 8rpx 26rpx;
 		background: #f5f6f8;
 		color: #333;
 		font-size: 24rpx;
-		border-radius: 8rpx;
+		border-radius: 28rpx;
 		margin-right: 16rpx;
 		transition: all 0.2s;
 	}

pages/index/index.vue

@@ -347,8 +347,19 @@
 				uni.request({
 					url: 'https://api.cmspro.haodanku.com/index/index?cid=YsWZ21tx',
 					success: (res) => {
-						if (res.data && res.data.code === 200 && res.data.data.navs) {
-							this.menus = res.data.data.navs;
+						if (res.data && res.data.code === 200 && res.data.data) {
+							const d = res.data.data;
+							if (Array.isArray(d.navs)) {
+								this.menus = d.navs;
+							}
+							// 顶部轮播图
+							if (Array.isArray(d.banners) && d.banners.length > 0) {
+								this.banners = d.banners.map(b => b.img).filter(Boolean);
+							}
+							// 活动专区（胶囊形轮播图）
+							if (Array.isArray(d.tile_long) && d.tile_long.length > 0) {
+								this.adList = d.tile_long.map(t => t.img).filter(Boolean);
+							}
 						}
 					}
 				});