From e97654aab3592a68dcecfdb25e2981820685d705 Mon Sep 17 00:00:00 2001 From: unknown Date: Fri, 10 Jul 2026 22:24:07 +0800 Subject: [PATCH] =?UTF-8?q?=E7=94=A8=E6=88=B7=E4=B8=AD=E5=BF=83=20CSS=20?= =?UTF-8?q?=E6=95=B4=E5=8C=85=E9=87=8D=E5=91=BD=E5=90=8D=EF=BC=9A=E6=8C=89?= =?UTF-8?q?=20shell/credits/settings/responsive=20=E8=81=8C=E8=B4=A3?= =?UTF-8?q?=E6=8B=86=E5=88=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 废除 part-1..5 机械切片，重组成可维护的领域文件并修复历史拼接断点，index 同步改写。 --- assets/css/routes/user-center.css | 9 +- .../user-center/{part-2.css => credits.css} | 23 +++++ assets/css/routes/user-center/part-5.css | 51 ----------- .../{part-4.css => responsive.css} | 85 ++++++++++++------- .../user-center/{part-3.css => settings.css} | 43 ++++++++-- .../user-center/{part-1.css => shell.css} | 16 ++-- templates/parts/user-center/README.md | 11 +++ 7 files changed, 131 insertions(+), 107 deletions(-) rename assets/css/routes/user-center/{part-2.css => credits.css} (93%) delete mode 100644 assets/css/routes/user-center/part-5.css rename assets/css/routes/user-center/{part-4.css => responsive.css} (83%) rename assets/css/routes/user-center/{part-3.css => settings.css} (89%) rename assets/css/routes/user-center/{part-1.css => shell.css} (96%) diff --git a/assets/css/routes/user-center.css b/assets/css/routes/user-center.css index d737d3cb..bab4e92d 100644 --- a/assets/css/routes/user-center.css +++ b/assets/css/routes/user-center.css @@ -1,5 +1,4 @@ -@import url("user-center/part-1.css"); -@import url("user-center/part-2.css"); -@import url("user-center/part-3.css"); -@import url("user-center/part-4.css"); -@import url("user-center/part-5.css"); +@import url("user-center/shell.css"); +@import url("user-center/credits.css"); +@import url("user-center/settings.css"); +@import url("user-center/responsive.css"); diff --git a/assets/css/routes/user-center/part-2.css b/assets/css/routes/user-center/credits.css similarity index 93% rename from assets/css/routes/user-center/part-2.css rename to assets/css/routes/user-center/credits.css index a61f369a..1af96b97 100644 --- a/assets/css/routes/user-center/part-2.css +++ b/assets/css/routes/user-center/credits.css @@ -1,3 +1,18 @@ +/** + * User Center — credits balance + transactions + */ + +.uc-balance-card { + box-shadow: none; +} + +.uc-content #panel-credits .uc-transactions { + background: transparent; + border: 0; + border-radius: 0; +} + +.uc-content #panel-credits .uc-transactions__header, .uc-content #panel-credits .uc-transactions__item { padding-left: 0; padding-right: 0; @@ -298,3 +313,11 @@ justify-content: center; margin-bottom: 12px; font-size: 20px; + color: var(--color-ink-4); +} + +.uc-transactions__empty p { + font-size: 14px; + color: var(--color-ink-4); + margin: 0; +} diff --git a/assets/css/routes/user-center/part-5.css b/assets/css/routes/user-center/part-5.css deleted file mode 100644 index be52f718..00000000 --- a/assets/css/routes/user-center/part-5.css +++ /dev/null @@ -1,51 +0,0 @@ - border-right: 1px solid var(--color-line-soft, rgba(0,0,0,0.06)); - border-bottom: 0; - } - - .uc-content .aksrt-invite-stat:last-child { - border-right: 0; - } - - .uc-content .aksrt-invite-stat strong { - font-size: 22px; - } - - .uc-content .aksrt-invite-stat span, - .uc-content .aksrt-invite-stat strong { - white-space: nowrap; - } - - .uc-content .aksrt-invite-stat small { - font-size: 11px; - } - - .uc-content .aksrt-invite-records { - padding: 14px 0 0; - } - - .uc-content .aksrt-invite-record { - align-items: flex-start; - } - - .uc-content .aksrt-invite-record__status { - min-width: 0; - } -} - -@media (max-width: 520px) { - .uc-content .aksrt-invite-record { - flex-wrap: wrap; - } - - .uc-content .aksrt-invite-record__main { - flex: 1 1 calc(100% - 54px); - } - - .uc-content .aksrt-invite-record__status { - flex: 1 1 100%; - align-items: flex-start; - padding-left: 54px; - text-align: left; - } -} - diff --git a/assets/css/routes/user-center/part-4.css b/assets/css/routes/user-center/responsive.css similarity index 83% rename from assets/css/routes/user-center/part-4.css rename to assets/css/routes/user-center/responsive.css index 90e4c0e8..d03f26cd 100644 --- a/assets/css/routes/user-center/part-4.css +++ b/assets/css/routes/user-center/responsive.css @@ -1,35 +1,6 @@ - font-weight: 700; -} - -.uc-content .aksrt-invite-badge.is-registered { - color: #2563eb; - background: rgba(37, 99, 235, 0.10); -} - -.uc-content .aksrt-invite-badge.is-verified { - color: #7c3aed; - background: rgba(124, 58, 237, 0.10); -} - -.uc-content .aksrt-invite-badge.is-rewarded { - color: #16a34a; - background: rgba(22, 163, 74, 0.10); -} - -.uc-content .aksrt-invite-record__status small { - font-size: 12px; - color: var(--color-ink-4); -} - -.uc-content .aksrt-invite-record-empty { - padding: 22px 0; - border: 0; - border-top: 1px solid var(--color-line-soft, rgba(0,0,0,0.06)); - text-align: center; - font-size: 13px; - color: var(--color-ink-4); - background: transparent; -} +/** + * User Center — mobile tabs, drawer breakpoints, a11y/loading, invite mobile + */ /* ==================== 移动端 Tab 栏 ==================== */ .uc-mobile-tabs { @@ -295,3 +266,53 @@ align-items: center; text-align: center; padding: 0 8px; + border-right: 1px solid var(--color-line-soft, rgba(0,0,0,0.06)); + border-bottom: 0; + } + + .uc-content .aksrt-invite-stat:last-child { + border-right: 0; + } + + .uc-content .aksrt-invite-stat strong { + font-size: 22px; + } + + .uc-content .aksrt-invite-stat span, + .uc-content .aksrt-invite-stat strong { + white-space: nowrap; + } + + .uc-content .aksrt-invite-stat small { + font-size: 11px; + } + + .uc-content .aksrt-invite-records { + padding: 14px 0 0; + } + + .uc-content .aksrt-invite-record { + align-items: flex-start; + } + + .uc-content .aksrt-invite-record__status { + min-width: 0; + } +} + +@media (max-width: 520px) { + .uc-content .aksrt-invite-record { + flex-wrap: wrap; + } + + .uc-content .aksrt-invite-record__main { + flex: 1 1 calc(100% - 54px); + } + + .uc-content .aksrt-invite-record__status { + flex: 1 1 100%; + align-items: flex-start; + padding-left: 54px; + text-align: left; + } +} diff --git a/assets/css/routes/user-center/part-3.css b/assets/css/routes/user-center/settings.css similarity index 89% rename from assets/css/routes/user-center/part-3.css rename to assets/css/routes/user-center/settings.css index be338ab8..37f5c53b 100644 --- a/assets/css/routes/user-center/part-3.css +++ b/assets/css/routes/user-center/settings.css @@ -1,11 +1,6 @@ - color: var(--color-ink-4); -} - -.uc-transactions__empty p { - font-size: 14px; - color: var(--color-ink-4); - margin: 0; -} +/** + * User Center — account settings + invite panel + */ /* 设置区增强 */ .uc-content .settings-section { @@ -298,3 +293,35 @@ padding: 0 9px; border-radius: 999px; font-size: 12px; + font-weight: 700; +} + +.uc-content .aksrt-invite-badge.is-registered { + color: #2563eb; + background: rgba(37, 99, 235, 0.10); +} + +.uc-content .aksrt-invite-badge.is-verified { + color: #7c3aed; + background: rgba(124, 58, 237, 0.10); +} + +.uc-content .aksrt-invite-badge.is-rewarded { + color: #16a34a; + background: rgba(22, 163, 74, 0.10); +} + +.uc-content .aksrt-invite-record__status small { + font-size: 12px; + color: var(--color-ink-4); +} + +.uc-content .aksrt-invite-record-empty { + padding: 22px 0; + border: 0; + border-top: 1px solid var(--color-line-soft, rgba(0,0,0,0.06)); + text-align: center; + font-size: 13px; + color: var(--color-ink-4); + background: transparent; +} diff --git a/assets/css/routes/user-center/part-1.css b/assets/css/routes/user-center/shell.css similarity index 96% rename from assets/css/routes/user-center/part-1.css rename to assets/css/routes/user-center/shell.css index 05be7c14..6dcc69ac 100644 --- a/assets/css/routes/user-center/part-1.css +++ b/assets/css/routes/user-center/shell.css @@ -1,3 +1,7 @@ +/** + * User Center — shell / sidebar / content base / drawer + */ + /** * AKSRT User Center — 本人中心专属样式 * @@ -301,14 +305,4 @@ border-top: 1px solid var(--color-line-soft, rgba(0,0,0,0.06)); } -.uc-content #panel-credits .uc-balance-card { - box-shadow: none; -} - -.uc-content #panel-credits .uc-transactions { - background: transparent; - border: 0; - border-radius: 0; -} - -.uc-content #panel-credits .uc-transactions__header, +.uc-content #panel-credits diff --git a/templates/parts/user-center/README.md b/templates/parts/user-center/README.md index 4809dab7..f6fe12b6 100644 --- a/templates/parts/user-center/README.md +++ b/templates/parts/user-center/README.md @@ -5,5 +5,16 @@ - 挂载点：header / sidebar / mobile-tabs / panel-* / account-modals / runtime-config - 渲染器：inc/helpers/user-center-renderers/profile-*.php +样式归属： +- assets/css/routes/user-center.css + - shell.css — 容器/侧栏/内容区/抽屉 + - credits.css — 余额卡/流水 + - settings.css — 设置区/邀请面板 + - responsive.css — 移动端 tabs/断点/a11y +- assets/css/routes/profile.css — 共享头区/列表/弹窗 + +脚本归属： +- assets/js/routes/user-center.js + 旧 uc-* 草稿 partial 与 templates/parts/profile/part-* 拆分残片已删除，勿再引入。 -->