fix: 园区概览页脚颜色统一(设计变量提升至 :root)

- --bd-* 设计变量从 .bd-page 提升到 :root,页眉/数字孪生/媒体页/页脚全部生效
  修复媒体播放页页脚图标与数值失去蓝色(回退为继承深色)的问题
- 数据大屏改用共享 ParkOverviewStrip 组件,与媒体播放页页脚完全一致
  (标签统一为「累计营收」)
- PageHeader 头像 Logo 路径修正 /public/logo.png → /logo.png,修复 Logo 不显示
This commit is contained in:
Pine
2026-08-17 20:15:18 +08:00
parent 84b3f12146
commit ef009dad05
3 changed files with 17 additions and 40 deletions
+2 -29
View File
@@ -1,6 +1,7 @@
import { useState, useEffect, useRef } from 'react';
import '../styles/datascreen.css';
import Icon from '../components/Icons';
import ParkOverviewStrip from '../components/ParkOverviewStrip';
/* =========================================================
昆明市大学生创业园 · OPC 智能园区数字运营中心
@@ -454,35 +455,7 @@ function TodayOverview({ d }) {
);
}
/* ---------- 园区概览(页面最底部 · 综合指标条 ---------- */
function ParkOverviewStrip({ d }) {
const chips = [
{ icon: 'building', label: '在园项目', value: `${d.projects.inPark}` },
{ icon: 'users', label: '带动就业', value: `${fmtInt(d.jobs.total)}` },
{ icon: 'coin', label: '累计', value: `${fmtWan(d.revenue.total)}` },
{ icon: 'factory', label: '高新技术企业', value: '32 家' },
{ icon: 'flask', label: '省级以上重点研发', value: '18 项' },
{ icon: 'trophy', label: '创业大赛奖项', value: '47 项' },
{ icon: 'diamond', label: '孵化企业估值', value: '5.2 亿元' },
{ icon: 'map-pin', label: '园区面积', value: '1.2 万㎡' },
{ icon: 'graduation', label: '创业导师', value: '58 位' },
{ icon: 'chart-line', label: '累计孵化企业', value: `${d.projects.cum}` },
];
return (
<footer className="bd-strip">
<div className="bd-strip-title"><Icon name="map-pin" size={14} /> 园区概览</div>
<div className="bd-strip-chips">
{chips.map((c, i) => (
<div className="bd-chip" key={i}>
<span className="bd-chip-ico"><Icon name={c.icon} size={15} /></span>
<span className="bd-chip-label">{c.label}</span>
<b>{c.value}</b>
</div>
))}
</div>
</footer>
);
}
/* ---------- 园区概览页脚:使用共享组件(与媒体播放页完全一致 ---------- */
/* =========================================================
中部轮换大屏(一次展示一个面板,自动轮换,降低信息密度)