[Feat 0000] 修改保德首页样式及嵌入模型

src/views/vent/home/configurable/dustBD.vue

@@ -93,6 +93,7 @@
         </div>
       </div>
     </template>
+    <VentModal style="width: 100%; height: 100%; position: absolute" />
   </div>
 </template>
 <script lang="ts" setup>
@@ -106,6 +107,7 @@
   import ModuleCommon from './components/ModuleCommon.vue';
   import ModuleBD from './components/ModuleBD.vue';
   import { testConfigBDDust } from './configurable.data';
+  import VentModal from '/@/components/vent/micro/ventModal.vue';
 
   interface EnhancedConfig extends Config {
     visible: boolean;
@@ -218,7 +220,10 @@
     height: 115px;
     top: 30px;
     width: 450px;
-    background: url('/@/assets/images/home-container/configurable/firehome/qkjaq.png') no-repeat center;
+    background-image: url('/@/assets/images/home-container/configurable/firehome/qkjaq.png');
+    background-color: #000723;
+    background-repeat: no-repeat;
+    background-position: center;
     background-size: 100% 100%;
 
     .tcontent-area {
@@ -272,11 +277,14 @@
   }
   .right-t {
     position: absolute;
-    height: 200px;
+    height: 160px;
     right: 0;
-    margin-bottom: 10px;
+    top: 40px;
     width: 450px;
-    background: url('/@/assets/images/home-container/configurable/firehome/common-border2.png') no-repeat center;
+    background-image: url('/@/assets/images/home-container/configurable/firehome/common-border2.png');
+    background-color: #000723;
+    background-repeat: no-repeat;
+    background-position: center;
     background-size: 100% 100%;
     display: flex;
     align-items: center;

src/views/vent/home/configurable/fireBD.vue

@@ -93,6 +93,7 @@
         </div>
       </div>
     </template>
+    <VentModal style="width: 100%; height: 100%; position: absolute" />
   </div>
 </template>
 <script lang="ts" setup>
@@ -106,6 +107,7 @@
   import ModuleCommon from './components/ModuleCommon.vue';
   import ModuleBD from './components/ModuleBD.vue';
   import { testConfigBDFire } from './configurable.data';
+  import VentModal from '/@/components/vent/micro/ventModal.vue';
 
   interface EnhancedConfig extends Config {
     visible: boolean;
@@ -218,7 +220,10 @@
     height: 115px;
     top: 30px;
     width: 450px;
-    background: url('/@/assets/images/home-container/configurable/firehome/qkjaq.png') no-repeat center;
+    background-image: url('/@/assets/images/home-container/configurable/firehome/qkjaq.png');
+    background-color: #000723;
+    background-repeat: no-repeat;
+    background-position: center;
     background-size: 100% 100%;
 
     .tcontent-area {
@@ -276,7 +281,10 @@
     right: 0;
     top: 40px;
     width: 450px;
-    background: url('/@/assets/images/home-container/configurable/firehome/common-border2.png') no-repeat center;
+    background-image: url('/@/assets/images/home-container/configurable/firehome/common-border2.png');
+    background-color: #000723;
+    background-repeat: no-repeat;
+    background-position: center;
     background-size: 100% 100%;
     display: flex;
     align-items: center;

src/views/vent/home/configurable/index.vue

@@ -220,7 +220,10 @@
     height: 115px;
     top: 30px;
     width: 450px;
-    background: url('/@/assets/images/home-container/configurable/firehome/qkjaq.png') no-repeat center;
+    background-image: url('/@/assets/images/home-container/configurable/firehome/qkjaq.png');
+    background-color: #000723;
+    background-repeat: no-repeat;
+    background-position: center;
     background-size: 100% 100%;
 
     .tcontent-area {
@@ -278,7 +281,10 @@
     right: 0;
     top: 40px;
     width: 450px;
-    background: url('/@/assets/images/home-container/configurable/firehome/common-border2.png') no-repeat center;
+    background-image: url('/@/assets/images/home-container/configurable/firehome/common-border2.png');
+    background-color: #000723;
+    background-repeat: no-repeat;
+    background-position: center;
     background-size: 100% 100%;
     display: flex;
     align-items: center;