fix: 园区概览页脚颜色统一(设计变量提升至 :root)
- --bd-* 设计变量从 .bd-page 提升到 :root,页眉/数字孪生/媒体页/页脚全部生效 修复媒体播放页页脚图标与数值失去蓝色(回退为继承深色)的问题 - 数据大屏改用共享 ParkOverviewStrip 组件,与媒体播放页页脚完全一致 (标签统一为「累计营收」) - PageHeader 头像 Logo 路径修正 /public/logo.png → /logo.png,修复 Logo 不显示
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
/* ---------- 园区概览页脚:使用共享组件(与媒体播放页完全一致) ---------- */
|
||||
|
||||
/* =========================================================
|
||||
中部轮换大屏(一次展示一个面板,自动轮换,降低信息密度)
|
||||
|
||||
+14
-10
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user