fix(mp): T40 UI 设计系统合规审计修复 — 60 页面全覆盖
- 新增 $white 语义变量 + --tk-font-display Token - 44 处 #fff → $white,2 处 background: #fff → $card - 14 处 border-radius 硬编码统一为 $r-xs/$r-lg/$r - 3 处 TSX inline 颜色提取为 SCSS 类(exchange/orders/action-inbox) - ErrorBoundary 重构:6 个 inline style → SCSS 类 + Design Token - 2 处离调色板颜色修正(#0284C7→$tx2, #94A3B8→$tx3) - 2 处静默 catch 块添加状态清理(article/health) - 趋势页补 Loading/EmptyState;咨询页 GuestGuard 统一 - 4 处 #FFFFFF → $white(mixins/index/exchange/variables)
This commit is contained in:
@@ -42,7 +42,7 @@
|
||||
position: relative;
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
border-radius: 22px;
|
||||
border-radius: $r-pill;
|
||||
background: $pri-l;
|
||||
@include flex-center;
|
||||
flex-shrink: 0;
|
||||
@@ -63,7 +63,7 @@
|
||||
right: 6px;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 4px;
|
||||
border-radius: $r-xs;
|
||||
background: $dan;
|
||||
}
|
||||
|
||||
@@ -212,7 +212,7 @@
|
||||
border-radius: $r;
|
||||
padding: 18px;
|
||||
margin-bottom: 16px;
|
||||
color: #fff;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.reminder-header {
|
||||
@@ -225,13 +225,13 @@
|
||||
.reminder-title {
|
||||
font-size: var(--tk-font-cap);
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.reminder-count {
|
||||
font-size: var(--tk-font-micro);
|
||||
opacity: 0.7;
|
||||
color: #fff;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.reminder-item {
|
||||
@@ -252,17 +252,17 @@
|
||||
.reminder-tag {
|
||||
font-size: var(--tk-font-micro);
|
||||
padding: 2px 6px;
|
||||
border-radius: 4px;
|
||||
border-radius: $r-xs;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
font-weight: 500;
|
||||
color: #fff;
|
||||
color: $white;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.reminder-text {
|
||||
font-size: var(--tk-font-cap);
|
||||
flex: 1;
|
||||
color: #fff;
|
||||
color: $white;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
@@ -270,7 +270,7 @@
|
||||
|
||||
.reminder-arrow {
|
||||
opacity: 0.5;
|
||||
color: #fff;
|
||||
color: $white;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
@@ -284,7 +284,7 @@
|
||||
.action-btn {
|
||||
flex: 1;
|
||||
height: 52px;
|
||||
border-radius: 14px;
|
||||
border-radius: $r-sm;
|
||||
@include flex-center;
|
||||
|
||||
&:active {
|
||||
@@ -294,7 +294,7 @@
|
||||
|
||||
.action-primary {
|
||||
background: $pri;
|
||||
color: #fff;
|
||||
color: $white;
|
||||
box-shadow: 0 2px 8px rgba(196, 98, 58, 0.25);
|
||||
}
|
||||
|
||||
@@ -376,7 +376,7 @@
|
||||
font-family: 'Georgia', 'Times New Roman', serif;
|
||||
font-size: var(--tk-font-h1);
|
||||
font-weight: 700;
|
||||
color: #FFFFFF;
|
||||
color: $white;
|
||||
display: block;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
@@ -495,5 +495,5 @@
|
||||
.guest-login-btn-text {
|
||||
font-size: var(--tk-font-h2);
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user