kate522/wordpress-theme-aksrt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

用户中心 CSS 整包重命名：按 shell/credits/settings/responsive 职责拆分

Browse Source 
废除 part-1..5 机械切片，重组成可维护的领域文件并修复历史拼接断点，index 同步改写。
This commit is contained in:
kate522
2026-07-10 22:24:07 +08:00
parent 3ce5306efd
commit e97654aab3
7 changed files with 131 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/routes/user-center.css
+4 -5
View File
@@ -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");
assets/css/routes/user-center/part-2.css → assets/css/routes/user-center/credits.css
+23
View File
@@ -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;
}
assets/css/routes/user-center/part-5.css
-51
View File
@@ -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;
}
}
assets/css/routes/user-center/part-4.css → assets/css/routes/user-center/responsive.css
+53 -32
View File
@@ -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;
}
}
assets/css/routes/user-center/part-3.css → assets/css/routes/user-center/settings.css
+35 -8
View File
@@ -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;
}
assets/css/routes/user-center/part-1.css → assets/css/routes/user-center/shell.css
+5 -11
View File
@@ -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
templates/parts/user-center/README.md
+11
View File
@@ -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-* 拆分残片已删除，勿再引入。
-->