增加销冠的素材，调整左右侧边距

pages/champion/champion.vue

@@ -22,32 +22,40 @@
 			</view>
 			
 			<!-- 标签页 -->
-			<view class="tabs">
+			<scroll-view class="tabs-scroll" scroll-x="true" show-scrollbar="false">
-				<view 
+				<view class="tabs">
-					class="tab-item" 
+					<view 
-					:class="{ active: activeTab === 'survey' }"
+						class="tab-item" 
-					@click="switchTab('survey')">
+						:class="{ active: activeTab === 'survey' }"
-					<text>摸底</text>
+						@click="switchTab('survey')">
+						<text>摸底</text>
+					</view>
+					<view 
+						class="tab-item" 
+						:class="{ active: activeTab === 'practice' }"
+						@click="switchTab('practice')">
+						<text>陪练</text>
+					</view>
+					<view 
+						class="tab-item" 
+						:class="{ active: activeTab === 'battle' }"
+						@click="switchTab('battle')">
+						<text>实战</text>
+					</view>
+					<view 
+						class="tab-item" 
+						:class="{ active: activeTab === 'quality' }"
+						@click="switchTab('quality')">
+						<text>质检</text>
+					</view>
+					<view 
+						class="tab-item" 
+						:class="{ active: activeTab === 'material' }"
+						@click="switchTab('material')">
+						<text>素材</text>
+					</view>
 				</view>
-				<view 
+			</scroll-view>
-					class="tab-item" 
-					:class="{ active: activeTab === 'practice' }"
-					@click="switchTab('practice')">
-					<text>陪练</text>
-				</view>
-				<view 
-					class="tab-item" 
-					:class="{ active: activeTab === 'battle' }"
-					@click="switchTab('battle')">
-					<text>实战</text>
-				</view>
-				<view 
-					class="tab-item" 
-					:class="{ active: activeTab === 'quality' }"
-					@click="switchTab('quality')">
-					<text>质检</text>
-				</view>
-			</view>
 			
 			<!-- 摸底内容 -->
 			<scroll-view 
@@ -92,6 +100,17 @@
 					<text class="champion-desc">这里是质检相关的内容展示区域</text>
 				</view>
 			</scroll-view>
+			
+			<!-- 素材内容 -->
+			<scroll-view 
+				class="tab-content" 
+				scroll-y 
+				v-if="activeTab === 'material'">
+				<view class="champion-card">
+					<text class="champion-title">素材</text>
+					<text class="champion-desc">这里是素材相关的内容展示区域</text>
+				</view>
+			</scroll-view>
 		</view>
 	</view>
 </template>
@@ -141,7 +160,7 @@
 	/* AI功能横幅 */
 	.ai-banner {
 		background-color: #E3F2FD;
-		padding: 24rpx 32rpx;
+		padding: 24rpx 16rpx;
 		display: flex;
 		justify-content: space-between;
 		align-items: center;
@@ -154,16 +173,22 @@
 	}
 	
 	/* 标签页 */
-	.tabs {
+	.tabs-scroll {
-		display: flex;
+		width: 100%;
 		background-color: #FFFFFF;
 		border-bottom: 1px solid #E0E0E0;
-		padding: 0 32rpx;
+		white-space: nowrap;
+	}
+	
+	.tabs {
+		display: inline-flex;
+		padding: 0 16rpx;
 	}
 	
 	.tab-item {
 		padding: 24rpx 32rpx;
 		position: relative;
+		flex-shrink: 0;
 	}
 	
 	.tab-item text {
@@ -191,10 +216,13 @@
 	.tab-content {
 		height: calc(100vh - 300rpx);
 		background-color: #F5F5F5;
-		padding: 24rpx 32rpx;
+		padding: 24rpx 16rpx;
+		box-sizing: border-box;
 	}
 	
 	.champion-card {
+		width: 100%;
+		box-sizing: border-box;
 		background-color: #FFFFFF;
 		border-radius: 16rpx;
 		padding: 32rpx;

pages/customer/components/CustomerList.vue

@@ -53,9 +53,10 @@
 		display: flex;
 		justify-content: space-between;
 		align-items: center;
-		padding: 24rpx 32rpx;
+		padding: 24rpx 16rpx;
 		background-color: #FFFFFF;
 		border-bottom: 1px solid #F0F0F0;
+		box-sizing: border-box;
 	}
 	
 	.total {
@@ -66,10 +67,13 @@
 	.customer-list {
 		height: calc(100vh - 300rpx);
 		background-color: #F5F5F5;
-		padding: 24rpx 32rpx;
+		padding: 24rpx 16rpx;
+		box-sizing: border-box;
 	}
 	
 	.customer-card {
+		width: 100%;
+		box-sizing: border-box;
 		background-color: #FFFFFF;
 		border-radius: 16rpx;
 		padding: 32rpx;

pages/reception/reception.vue

@@ -1163,7 +1163,7 @@ import { getApiUrl } from "@/common/config.js";
 	/* AI功能横幅 */
 	.ai-banner {
 		background-color: #E3F2FD;
-		padding: 24rpx 32rpx;
+		padding: 24rpx 16rpx;
 		display: flex;
 		justify-content: space-between;
 		align-items: center;
@@ -1187,7 +1187,7 @@ import { getApiUrl } from "@/common/config.js";
 		display: flex;
 		background-color: #FFFFFF;
 		border-bottom: 1px solid #E0E0E0;
-		padding: 0 32rpx;
+		padding: 0 16rpx;
 	}
 	
 	.tab-item {
@@ -1220,7 +1220,8 @@ import { getApiUrl } from "@/common/config.js";
 	.service-status-list {
 		height: calc(100vh - 300rpx);
 		background-color: #F5F5F5;
-		padding: 24rpx 32rpx;
+		padding: 24rpx 16rpx;
+		box-sizing: border-box;
 	}
 
 	.service-status-toolbar {
@@ -1270,13 +1271,13 @@ import { getApiUrl } from "@/common/config.js";
 	}
 	
 	.service-card {
+		width: 100%;
+		box-sizing: border-box;
 		background-color: #FFFFFF;
 		border-radius: 16rpx;
 		padding: 32rpx;
 		margin-bottom: 24rpx;
 		box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
-		box-sizing: border-box;
-		width: 100%;
 		overflow: visible;
 		/* 确保左右padding完全对称，所有内容都在padding范围内 */
 	}
@@ -1519,10 +1520,13 @@ import { getApiUrl } from "@/common/config.js";
 	.reception-form {
 		height: calc(100vh - 300rpx);
 		background-color: #F5F5F5;
-		padding: 24rpx 32rpx;
+		padding: 24rpx 16rpx;
+		box-sizing: border-box;
 	}
 	
 	.form-card {
+		width: 100%;
+		box-sizing: border-box;
 		background-color: #ffffff;
 		border-radius: 16rpx;
 		padding: 32rpx 24rpx;