样式调整

src/assets/css/home.scss

@@ -68,7 +68,7 @@
         .listtitle{
            
             width: 100%;
-            height: 30px;
+      
             display: flex;
             align-items: center;
 
@@ -119,7 +119,7 @@
 
         .listtitle {
             width: 100%;
-            height: 30px;
+    
             display: flex;
             align-items: center;
 

src/components/home.vue

@@ -11,17 +11,19 @@
 
         </el-container>
         <div ref="popoverRef" id="popoverRef" class="modelInfo">
-            <div v-if="orientation=='Left' ||orientation=='Right'" class="model-detail"  >
+            <div v-if="orientation=='Left' || orientation=='Right'" class="model-detail"  >
                 <div v-for="item in classDeviceInfo" class="listbox" >
                     
                     <div class="list">
                     {{ item[0].value }}
                     </div>
-                    <div   v-for="item2 in item" class="listtitle">
+                    <div   v-for="item2 in item" class="listtitle" >
                         
-                       <span class="name"> {{ item2.name }} :</span>
+                        <div  v-if="item2.name!=='设备名称'" style="height: 30px;display: flex;align-items: center;">
+                            <span class="name"> {{ item2.name }} :</span>
                        <span v-if="item2.value!='在线'" class="value">{{ item2.value }}</span>
                        <span v-else style=" font-family: 100; margin-left: 5px;color: #10C383;">{{ item2.value }}</span>
+                        </div>
                     </div>
                 </div>
             </div>
@@ -38,9 +40,11 @@
                             
                                 
                             
+                                <div v-if="item2.name!=='设备名称'">
                                     <span class="name"> {{ item2.name }} :</span>
-                                <span v-if="item2.value!='在线'" class="value">{{ item2.value }}</span>
+                                <span v-if="item2.value!='在线'" class="value" style="font-weight: 400;">{{ item2.value }}</span>
                                 <span v-else style=" font-family: 100; margin-left: 5px;color: #10C383;">{{ item2.value }}</span>
+                                </div>
                          
                             </div>
                         </div>