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() { Logo */} - +

昆明市大学生创业园 · OPC 智能园区数字运营中心

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 ( - - ); -} +/* ---------- 园区概览页脚:使用共享组件(与媒体播放页完全一致) ---------- */ /* ========================================================= 中部轮换大屏(一次展示一个面板,自动轮换,降低信息密度) 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;