From ef009dad056a69b43884ec880be0a81eba0f9fe0 Mon Sep 17 00:00:00 2001
From: Pine <wwork.wss@icloud.com>
Date: Mon, 17 Aug 2026 20:15:18 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=9B=AD=E5=8C=BA=E6=A6=82=E8=A7=88?=
 =?UTF-8?q?=E9=A1=B5=E8=84=9A=E9=A2=9C=E8=89=B2=E7=BB=9F=E4=B8=80=EF=BC=88?=
 =?UTF-8?q?=E8=AE=BE=E8=AE=A1=E5=8F=98=E9=87=8F=E6=8F=90=E5=8D=87=E8=87=B3?=
 =?UTF-8?q?=20:root=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- --bd-* 设计变量从 .bd-page 提升到 :root，页眉/数字孪生/媒体页/页脚全部生效
  修复媒体播放页页脚图标与数值失去蓝色（回退为继承深色）的问题
- 数据大屏改用共享 ParkOverviewStrip 组件，与媒体播放页页脚完全一致
  （标签统一为「累计营收」）
- PageHeader 头像 Logo 路径修正 /public/logo.png → /logo.png，修复 Logo 不显示
---
 src/components/PageHeader.jsx |  2 +-
 src/pages/DataScreen.jsx      | 31 ++-----------------------------
 src/styles/datascreen.css     | 24 ++++++++++++++----------
 3 files changed, 17 insertions(+), 40 deletions(-)

diff --git a/src/components/PageHeader.jsx b/src/components/PageHeader.jsx
index ba06e2c..e65a2ea 100644
--- a/src/components/PageHeader.jsx
+++ b/src/components/PageHeader.jsx
@@ -43,7 +43,7 @@ export default function PageHeader() {
           <Image src="/logo.png" alt="Logo" />
         </span> */}
         <Avatar size="lg">
-          <AvatarImage src="/public/logo.png" alt="" />
+          <AvatarImage src="/logo.png" alt="" />
         </Avatar>
         <div className="bd-header-titles">
           <h1 className="bd-header-title">昆明市大学生创业园 <span className="bd-header-title-accent">· OPC 智能园区数字运营中心</span></h1>
diff --git a/src/pages/DataScreen.jsx b/src/pages/DataScreen.jsx
index 4cf059e..d1f17cb 100644
--- a/src/pages/DataScreen.jsx
+++ b/src/pages/DataScreen.jsx
@@ -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>
-  );
-}
+/* ---------- 园区概览页脚：使用共享组件（与媒体播放页完全一致） ---------- */
 
 /* =========================================================
    中部轮换大屏（一次展示一个面板，自动轮换，降低信息密度）
diff --git a/src/styles/datascreen.css b/src/styles/datascreen.css
index ff58bdb..c1c2b10 100644
--- a/src/styles/datascreen.css
+++ b/src/styles/datascreen.css
@@ -3,6 +3,20 @@
    浅色科技风 · 通透玻璃质感 · 弱化卡片感（对齐参考图）
    ========================================================= */
 
+/* 设计变量提升到 :root —— 页眉 / 数字孪生 / 媒体页 / 页脚全部生效，
+   保证各页面（含园区概览页脚）颜色完全一致 */
+:root {
+  --bd-blue: #2f6bff;
+  --bd-blue-deep: #1d4fd8;
+  --bd-cyan: #4cc2ff;
+  --bd-green: #17b26a;
+  --bd-red: #f04438;
+  --bd-orange: #f79009;
+  --bd-ink: #1d2c44;
+  --bd-sub: #7d8fa9;
+  --bd-line: #e3ecf7;
+}
+
 /* 全局布局壳：页眉由 App 注入，所有页面统一使用 */
 .bd-layout {
   height: 100vh;
@@ -26,16 +40,6 @@
 
 /* 页面内容块：在 bd-layout-main 内撑满，不再自持页眉与 100vh */
 .bd-page {
-  --bd-blue: #2f6bff;
-  --bd-blue-deep: #1d4fd8;
-  --bd-cyan: #4cc2ff;
-  --bd-green: #17b26a;
-  --bd-red: #f04438;
-  --bd-orange: #f79009;
-  --bd-ink: #1d2c44;
-  --bd-sub: #7d8fa9;
-  --bd-line: #e3ecf7;
-
   flex: 1;
   min-height: 0;
   overflow: hidden;