zhangyu пре 4 година
родитељ
комит
764040f6f5
1 измењених фајлова са 26 додато и 2 уклоњено
  1. 26 2
      src/views/FloorFunc.vue

+ 26 - 2
src/views/FloorFunc.vue

@@ -1,6 +1,11 @@
 <template>
     <div class='floor-function'>
-        <p>FloorFunc</p>
+        <div class="floor-item">
+            <div class="floor-item-title">
+                <span>F3</span>
+                <a class="floor-item-goMap" href="#">查看平面图</a>
+            </div>
+        </div>
     </div>
 </template>
 <script>
@@ -20,6 +25,25 @@ export default {
 .floor-function {
     width: 100%;
     height: 100%;
-    background-color: #add8e6;
+    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);
+        .floor-item-goMap {
+            font-size: 12px;
+            float: right;
+        }
+    }
 }
 </style>