修复楼栋字体

src/views/components/xiaoqu/bottomListHeader.vue

@@ -1,10 +1,6 @@
 <template>
   <div class="bottom-header">
-    <el-checkbox
-      v-model="mapParmas.sd"
-      label="三维图层"
-      @change="handleMapLayer"
-    ></el-checkbox>
+    <el-checkbox v-model="mapParmas.sd" label="三维图层"></el-checkbox>
     <el-tooltip
       placement="left-start"
       popper-class="popperclass"

src/views/components/xiaoqu/building.vue

@@ -17,7 +17,9 @@
         element-loading-background="rgba(0, 0, 0, 0.8)"
         element-loading-text="加载中"
       >
-        <div class="building-name">{{ info.deptname }}{{ info.name }}</div>
+        <div class="building-name">
+          <div>{{ info.deptname }}{{ info.name }}</div>
+        </div>
         <div class="house" v-for="(item, index) in groupedRooms" :key="index">
           <colorCell
             :active="currentIndex == house.id ? 'activeCell' : ''"
@@ -251,7 +253,7 @@ export default {
   .building-house-container {
     padding-top: 85px;
     position: relative;
-    min-width: 150px;
+    min-width: 250px;
     // max-width: 700px;
     // overflow-x: auto;
     // overflow-y: hidden;
@@ -261,19 +263,20 @@ export default {
     background-size: cover;
     .building-name {
       position: absolute;
-      left: 50%;
-      transform: translateX(-50%);
+      left: 0;
       top: 30px;
-      min-width: 170px;
-      height: 32px;
-      text-align: center;
-      line-height: 32px;
-      font-size: 18px;
-      color: #f0fffc;
-      font-family: "BY";
-      background: url("~@/assets/images/ui/img_number_bg@2x.png");
-      background-size: 100% 100%;
-      padding: 0 10px;
+      width: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      & > div {
+        font-size: 17px;
+        color: #f0fffc;
+        font-family: "BY";
+        background: url("~@/assets/images/ui/img_number_bg@2x.png");
+        background-size: 100% 100%;
+        padding: 6px 25px;
+      }
     }
     .house {
       display: flex;