add bg
Cette révision appartient à :
Parent
73d18b8eea
révision
775fe04413
BIN
src/assets/ditu.png
Fichier normal
BIN
src/assets/ditu.png
Fichier normal
Fichier binaire non affiché.
Après Largeur: | Hauteur: | Taille: 2.7 MiB |
@ -18,6 +18,7 @@
|
||||
|
||||
.CenterData {
|
||||
position: absolute;
|
||||
background: #fff4;
|
||||
width: 2472px;
|
||||
height: 240px;
|
||||
z-index: 2;
|
||||
@ -25,6 +26,7 @@
|
||||
|
||||
.V3DBG {
|
||||
position: absolute;
|
||||
background: #f004;
|
||||
width: 2472px;
|
||||
height: 640px;
|
||||
z-index: 1;
|
||||
@ -32,10 +34,11 @@
|
||||
}
|
||||
|
||||
.V3DBorder {
|
||||
background: #00f3;
|
||||
width: 100%;
|
||||
height: 486px;
|
||||
margin-top: 160px;
|
||||
background: url('../assets/3D.png');
|
||||
// background: url('../assets/3D.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
@ -48,3 +51,16 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bgDitu {
|
||||
position: fixed;
|
||||
z-index: -1000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
/* background: #f003; */
|
||||
background: url(../assets/ditu.png) no-repeat;
|
||||
background-position: -800px 0;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
@ -36,6 +36,7 @@ export default function Home({ active }) {
|
||||
|
||||
return (
|
||||
<div className="Main">
|
||||
{active != '总览' && <div className="bgDitu"></div>}
|
||||
<AnimatePresence mode="wait">
|
||||
<div
|
||||
className="left-side"
|
||||
|
@ -15,6 +15,7 @@ function EnergyAnalysis(props) {
|
||||
console.log('[rendering...] 加载 能耗分析页面');
|
||||
return (
|
||||
<div className={cls.grid}>
|
||||
<div className={cls.bgDitu}></div>
|
||||
<div className={cls.vgrid + ' col-1'}>
|
||||
<SmokeHandle />
|
||||
<Oxygen />
|
||||
|
@ -3,8 +3,22 @@
|
||||
justify-content: center;
|
||||
gap: 24px;
|
||||
grid-template-columns: 900px 900px 16px 900px 900px;
|
||||
/* grid-template-rows: 128px 389px 389px; */
|
||||
height: 100%;
|
||||
/* grid-template-rows: 128px 389px 389px; */
|
||||
height: 100%;
|
||||
/* overflow: hidden; */
|
||||
}
|
||||
|
||||
.bgDitu {
|
||||
position: fixed;
|
||||
z-index: -1000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
/* background: #f003; */
|
||||
background: url(../../assets/ditu.png) no-repeat;
|
||||
background-position: -800px 0;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.vgrid {
|
||||
@ -38,9 +52,8 @@
|
||||
background: url(../../assets/line.png) 0 60% no-repeat;
|
||||
}
|
||||
|
||||
|
||||
.oxygen {}
|
||||
.oxygen {
|
||||
}
|
||||
|
||||
.no {
|
||||
|
||||
}
|
||||
}
|
||||
|
Chargement…
Référencer dans un nouveau ticket
Block a user