diff --git a/src/assets/demo/bg1.jpg b/src/assets/demo/bg1.jpg new file mode 100644 index 0000000..5c4ebe4 Binary files /dev/null and b/src/assets/demo/bg1.jpg differ diff --git a/src/views/board/index.vue b/src/views/board/index.vue index 65324a3..7960f9d 100644 --- a/src/views/board/index.vue +++ b/src/views/board/index.vue @@ -291,6 +291,98 @@
+
+
市电
+
车棚光伏
+
风力发电
+
柴发
+
储能电池
+
充电桩
+
负荷
+
+
+
220
+
V
+
+
+
50
+
A
+
+
+
36
+
KW
+
+
+
+
+
220
+
V
+
+
+
50
+
A
+
+
+
36
+
KW
+
+
+
+
+
220
+
V
+
+
+
50
+
A
+
+
+
36
+
KW
+
+
+
+
+
220
+
V
+
+
+
50
+
A
+
+
+
36
+
KW
+
+
+
+
+
220
+
V
+
+
+
50
+
A
+
+
+
36
+
KW
+
+
+
+
+
220
+
V
+
+
+
50
+
A
+
+
+
36
+
KW
+
+
@@ -1010,6 +1102,55 @@ onMounted(() => { color: #fff; text-align: center; } + +.bg { + position: absolute; + top: 10%; + left: 10%; + width: 80%; + height: 80%; + background-image: url("@/assets/demo/bg1.jpg"); + background-repeat: no-repeat; + background-size: 100% 100%; +} + +.span11 { + position: absolute; + transform: translate(-50%, -50%); + color: white; + font-size: 0.8vw; +} + +.box1 { + position: absolute; + transform: translate(-50%, -50%); + color: white; + font-size: 0.8vw; + width: 5vw; +} + +.line { + width: 100%; + height: 1.3vw; + line-height: 1.3vw; + white-space: nowrap; + color: #626993; +} + +.line1 { + width: 70%; + display: inline-block; + text-align: center; + color: #626993; + font-size: 1vw; +} + +.line2 { + width: 30%; + display: inline-block; + text-align: center; + color: #626993; +} diff --git a/src/views/board/index2.vue b/src/views/board/index2.vue index 10e3b60..bb35f92 100644 --- a/src/views/board/index2.vue +++ b/src/views/board/index2.vue @@ -1,6 +1,30 @@