瀏覽代碼

'楼层功能样式修改'

zhangyu 4 年之前
父節點
當前提交
1cb4342b7b
共有 1 個文件被更改,包括 16 次插入14 次删除
  1. 16 14
      src/views/FloorFunc.vue

+ 16 - 14
src/views/FloorFunc.vue

@@ -2,8 +2,8 @@
     <div class='floor-function'>
         <div class="floor-item">
             <div class="floor-item-title">
-                <span>F3</span>
-                <a class="floor-item-goMap" href="#">查看平面图</a>
+                <span class="floor-item-text">F3</span>
+                <a class="floor-item-goMap">查看平面图</a>
             </div>
         </div>
     </div>
@@ -27,21 +27,23 @@ export default {
     height: calc(100% - 50px);
     background-color: #FFFFFF;
     box-sizing: border-box;
-    padding: 0 21px;
     .floor-item-title {
         padding: 0 10px;
-        height: 30px;
-        line-height: 30px;
-        background: #EFECEC;
-        border-radius: 1px;
-        color: rgba(18, 18, 18, 1);
-        font-size: 18px;
-        text-align: left;
-        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.4);
-        font-family: Arial;
-        border: 1px solid rgba(255, 255, 255, 0);
+        height: 44px;
+        line-height: 44px;
+        background: rgba(2, 91, 170, 0.1);
+        color: #025BAA;
+        .floor-item-text {
+            font-size: 16px;
+            font-weight: 600;
+            display: inline-block;
+            height: 44px;
+            line-height: 44px;
+        }
         .floor-item-goMap {
-            font-size: 12px;
+            height: 44px;
+            line-height: 44px;
+            font-size: 14px;
             float: right;
         }
     }