浏览代码

楼栋名字

zhaojijng 3 年之前
父节点
当前提交
f7ffc5f74d
共有 2 个文件被更改,包括 26 次插入5 次删除
  1. 15 3
      src/views/valueDelivery/FloorSpace.vue
  2. 11 2
      src/views/valueDelivery/HorFloorSpace.vue

+ 15 - 3
src/views/valueDelivery/FloorSpace.vue

@@ -1,8 +1,8 @@
 <template>
     <div class="floorCont">
         <div class="topChange">
+            <div class="buildName">{{ nowBuildName }}</div>
             <div class="allIndicator">
-                <div>{{ nowBuildName }}</div>
                 <div
                     class="eachItem"
                     v-for="(item, index) in allIndicator"
@@ -392,7 +392,19 @@ export default {
     // width: 1000px;
     margin: 0 auto;
     background: #ffffff;
-
+    position: relative;
+    .buildName {
+        position: absolute;
+        top: 0;
+        left: 0;
+        height: 42px;
+        background: #e2f8ff;
+        line-height: 42px;
+        border-bottom-right-radius: 16px;
+        text-align: center;
+        font-size: 26px;
+        width: 125px;
+    }
     .allIndicator {
         padding-top: 32px;
         padding-bottom: 20px;
@@ -463,7 +475,7 @@ export default {
         font-weight: 700;
         line-height: 43px;
         color: #3b3558;
-        width: 80px;
+        width: 90px;
         flex-shrink: 0;
     }
     .floor-space {

+ 11 - 2
src/views/valueDelivery/HorFloorSpace.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="floorSpace" ref="floorSpace">
         <div class="leftChange">
-            <div>{{nowBuildName}}</div>
+            <div class="buildName">{{nowBuildName}}</div>
             <div class="allIndicator">
                 <div
                     class="eachItem "
@@ -401,6 +401,15 @@ export default {
     width: 154px;
     margin: 0 auto;
     //min-height: 730px;
+    .buildName{
+        height: 42px;
+        background:#E2F8FF;
+        line-height: 42px;
+        border-bottom-right-radius: 16px;
+        text-align:center;
+        font-size:26px;
+        width: 125px;
+    }
     .allIndicator {
         padding-top: 32px;
         //padding-bottom: 20px;
@@ -521,7 +530,7 @@ export default {
         font-weight: 700;
         line-height: 43px;
         color: #3b3558;
-        width: 80px;
+        width: 90px;
         flex-shrink: 0;
     }
     .floor-space {