signMap

src/components/signMap.vue

@@ -1,20 +1,35 @@
 <template>
     <div class="signMap">
-        <div class="other-people">
-            <div class="image-border image-border1"></div>
-            <div class="image-border image-border2"></div>
-            <div class="image-border image-border3"></div>
-            <div class="image-border image-border4"></div>
-            <div class="other-people-title">
-                探测信号
-            </div>
+        <div class="sum-title">
+            会议室
+        </div>
+        <div class="compass">
+            <img src="../assets/img/main/compass.png" height="30" width="30"/>
+        </div>
+        <div class="signMapList">
         </div>
     </div>
 </template>
 
 <script>
     export default {
-
+        data() {
+            return {
+                checked: true,
+                scan: {
+                    tactics: 0,
+                },
+            }
+        },
+        watch: {
+        },
+        mounted() {
+            this.init()
+        },
+        methods: {
+            init() {
+            },
+        }
     }
 </script>
 
@@ -24,13 +39,28 @@
         overflow: hidden;
         display: block;
         margin: 0 auto;
+        margin-top: 0px;
     }
 
-    /deep/ .other-people {
-        width: 98%;
-        height: 342px;
-        margin-left: 0;
-        padding: 0;
-        padding-right: 5px;
+    .signMapList {
+        width: 100%;
+        overflow: hidden;
+        display: block;
+        margin: 0 auto;
+        margin-top: 20px;
+        color: #6DC1FF;
+    }
+    .sum-title {
+        width: 150px;
+        height: 36px;
+        font-size: 16px;
+        line-height: 36px;
+        color: #6DC1FF;
+        margin: 0 auto;
+        text-align: center;
+        background: url("../assets/img/main/tit.png") top center no-repeat;
+        background-size: 100%;
     }
+
+
 </style>

src/views/Main.vue

@@ -15,6 +15,7 @@
             </div>
         </div>
         <div class="md">
+
             <div class="cube">
                 <signMap></signMap>
             </div>
@@ -169,6 +170,11 @@
     .mainContainer .md {
         width: 50%;
         float: left;
+        border: 1px solid rgba(0, 147, 253, 0.24);
+        overflow: hidden;
+        padding-bottom: 10px;
+        background: rgba(0, 130, 255, 0.05);
+        margin-right: 20px;
     }
 
     .mainContainer .rt {