style(page-title): 补漏——战略地图看板页标题弱化 + KPIListView 标题 emoji 清零
ci/woodpecker/push/main Pipeline was successful
ci/woodpecker/push/main Pipeline was successful
- StrategyMap.vue: 页内 h2 19px/600/深色(与路由标题「战略地图看板」基本同名)降为 div.page-subtitle 14px/500/#64748B(保留地图名+版本+状态等增量信息,不再充当 H1) - KPIListView.vue: 组件 h3 图标默认值 '📊' 置空(v-if 渲染),分类标题与明细卡头 '📋' 改为 Lucide 内联 SVG(clipboard-list,18/16px,#64748B) - 仅模板与样式:不动 MainLayout、不改接口/数据/路由 key、不碰 MapCanvas.vue
This commit is contained in:
@@ -2,12 +2,12 @@
|
||||
<div class="strategy-map-page" ref="pageRef">
|
||||
<!-- ── 页头:地图标题 + 版本 + 数据截止期 + 期间切换(只读页,无任何写入口)── -->
|
||||
<div class="page-header">
|
||||
<h2 class="page-title">
|
||||
<div class="page-subtitle">
|
||||
<el-icon class="title-icon"><DataBoard /></el-icon>
|
||||
<span>{{ board?.map?.title || '战略地图' }}</span>
|
||||
<el-tag v-if="board?.map?.version" size="small" effect="plain">{{ board.map.version }}</el-tag>
|
||||
<el-tag v-if="board?.map?.status" size="small" type="info" effect="plain">{{ board.map.status }}</el-tag>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="header-right">
|
||||
<span class="asof">
|
||||
<el-icon><Clock /></el-icon>
|
||||
@@ -356,8 +356,8 @@ function doPrint() {
|
||||
.strategy-map-page { padding: 16px; background: #f5f7fa; min-height: 100%; }
|
||||
|
||||
.page-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 10px; }
|
||||
.page-title { display: flex; align-items: center; gap: 8px; font-size: 19px; font-weight: 600; color: #1f2d3d; margin: 0; }
|
||||
.title-icon { color: #409eff; }
|
||||
.page-subtitle { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; color: #64748B; margin: 0; }
|
||||
.title-icon { color: #64748B; font-size: 16px; }
|
||||
.header-right { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
|
||||
.asof { font-size: 13px; color: #606266; display: inline-flex; align-items: center; gap: 4px; }
|
||||
|
||||
|
||||
Reference in New Issue
Block a user