Browse Source

add bg

xc-v2
Melete 10 months ago
parent
commit
775fe04413
5 changed files with 38 additions and 7 deletions
  1. BIN
      src/assets/ditu.png
  2. +17
    -1
      src/pages/index.less
  3. +1
    -0
      src/pages/总览/index.jsx
  4. +1
    -0
      src/pages/能耗分析/index.jsx
  5. +19
    -6
      src/pages/能耗分析/index.module.css

BIN
src/assets/ditu.png View File

Before After
Width: 3840  |  Height: 1080  |  Size: 2.7 MiB

+ 17
- 1
src/pages/index.less View File

@@ -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%;
}

+ 1
- 0
src/pages/总览/index.jsx View File

@@ -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"


+ 1
- 0
src/pages/能耗分析/index.jsx View File

@@ -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 />


+ 19
- 6
src/pages/能耗分析/index.module.css View File

@@ -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 {

}
}

Loading…
Cancel
Save