feat(ui06): B3d governance + B3e closing — page headings, stat cards, info strip, embed slots
- 治理页通用层(ui06.scss):.ui06-page 工作区 / .ui06-page-heading 27px 页头 / .ui06-stats 三列统计卡 / .ui06-info-strip 提示条 / .ui06-card-title 17px 卡头 - 10 账号:页头(查看同步入口)+ 来源提示条;分页/同步档案列/G4 功能零改动 - 11 同步:页头(手动补拉上移);状态卡/历史/失败明细抽屉保留 - 12 用量:页头(阈值设置上移)+ 统计卡对齐示例(数字 27px + 注脚 10px) - 13 展示位:页头 + 卡片标题(配置对话框沿用 UI-04 真实组件) - 17-19 异常页:沿用 ArtException(大数字+文案+回退,语义等同示例;登记偏差) - i18n zh/en;typecheck/lint/vitest/build 全绿 Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
@@ -111,3 +111,114 @@ body {
|
||||
outline: 3px solid #9fc7ff;
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
/* ══════════ 治理页通用(示例 .workspace / .page-heading / .stats / .stat / .info-strip) ══════════ */
|
||||
|
||||
.ui06-page {
|
||||
max-width: 1660px;
|
||||
padding: 28px 30px 44px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.ui06-page-heading {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 20px;
|
||||
margin-bottom: 22px;
|
||||
|
||||
h1 {
|
||||
font-size: 27px;
|
||||
letter-spacing: -0.7px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
> div > p {
|
||||
margin-top: 6px;
|
||||
font-size: 12px;
|
||||
color: #7b899f;
|
||||
}
|
||||
|
||||
.actions {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
/* 三列统计卡(示例 .stats / .stat) */
|
||||
.ui06-stats {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 18px;
|
||||
margin-bottom: 22px;
|
||||
|
||||
.ui06-stat {
|
||||
padding: 21px;
|
||||
background: #ffffff;
|
||||
border: 1px solid #e5eaf1;
|
||||
border-radius: 12px;
|
||||
|
||||
p {
|
||||
font-size: 11px;
|
||||
color: #8797ac;
|
||||
}
|
||||
|
||||
strong {
|
||||
display: block;
|
||||
margin: 9px 0 4px;
|
||||
font-size: 27px;
|
||||
font-weight: 650;
|
||||
letter-spacing: -0.6px;
|
||||
|
||||
.unit {
|
||||
font-size: 17px;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 10px;
|
||||
color: #97a4b5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* 提示条(示例 .info-strip) */
|
||||
.ui06-info-strip {
|
||||
display: flex;
|
||||
gap: 9px;
|
||||
align-items: center;
|
||||
padding: 12px 16px;
|
||||
margin-bottom: 20px;
|
||||
font-size: 12px;
|
||||
color: #6480a8;
|
||||
background: #edf4fe;
|
||||
border: 1px solid #e2edfc;
|
||||
border-radius: 9px;
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
.ui06-stats {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.ui06-page {
|
||||
padding: 20px 14px 40px;
|
||||
}
|
||||
|
||||
.ui06-page-heading {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
/* 卡片头标题(示例 .card-head h2 17px) */
|
||||
.ui06-card-title {
|
||||
font-size: 17px;
|
||||
font-weight: 600;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user