From 5a13f605170a91e104aec6c4ef768466d248cc00 Mon Sep 17 00:00:00 2001 From: zhonghua1 Date: Tue, 23 Dec 2025 09:03:59 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E9=94=80=E5=86=A0=E7=9A=84?= =?UTF-8?q?=E7=B4=A0=E6=9D=90=EF=BC=8C=E8=B0=83=E6=95=B4=E5=B7=A6=E5=8F=B3?= =?UTF-8?q?=E4=BE=A7=E8=BE=B9=E8=B7=9D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/champion/champion.vue | 88 ++++++++++++++-------- pages/customer/components/CustomerList.vue | 8 +- pages/reception/reception.vue | 16 ++-- 3 files changed, 74 insertions(+), 38 deletions(-) diff --git a/pages/champion/champion.vue b/pages/champion/champion.vue index a7847c1..d7a49c7 100644 --- a/pages/champion/champion.vue +++ b/pages/champion/champion.vue @@ -22,32 +22,40 @@ - - - 摸底 + + + + 摸底 + + + 陪练 + + + 实战 + + + 质检 + + + 素材 + - - 陪练 - - - 实战 - - - 质检 - - + 这里是质检相关的内容展示区域 + + + + + 素材 + 这里是素材相关的内容展示区域 + + @@ -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 { - display: flex; + .tabs-scroll { + 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; diff --git a/pages/customer/components/CustomerList.vue b/pages/customer/components/CustomerList.vue index 38ef1ef..05bd2af 100644 --- a/pages/customer/components/CustomerList.vue +++ b/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; diff --git a/pages/reception/reception.vue b/pages/reception/reception.vue index bc8d238..0e12086 100644 --- a/pages/reception/reception.vue +++ b/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;