Merge branch 'main' of https://git.shikicc.com/wangqiujuan0808/bw

src/views/bim/bimHome/components/ThreeView.vue

@@ -1,6 +1,7 @@
 <template>
     <div>
         <canvas id="three"></canvas> 
+        <div id="dom"></div>
         <div class="btnGroup">
             <div class="button" @click="toHomeView">
                 主视角
@@ -12,7 +13,6 @@
                 漫游
             </div>
         </div>
-        <div id="dom"></div>
     </div>
 </template>
 <script setup>
@@ -97,7 +97,7 @@ Bus.on('clickBuild', (isParent) => {
         // 高亮轮廓
         outlineObj([Floor]);
         // 拉近场景
-         nearCamera(Floor);
+        nearCamera(Floor);
         return;
     }
     // 父级
@@ -112,7 +112,7 @@ Bus.on('clickDevice', (isParent) => {
         // 高亮轮廓
         outlineObj([Floor])
         // 拉近距离
-        // nearCamera(Floor);
+        nearCamera(Floor);
         return;
     }
     // 父级

src/views/bim/bimHome/components/ThreeView2.vue

@@ -1,6 +1,17 @@
 <template>
     <div>
         <div id="gltf"></div>
+        <div class="btnGroup">
+            <div class="button" @click="toHomeView">
+                主视角
+            </div>
+            <div class="button" @click="setLabel">
+                {{ isAddLabel ? '添加标签' : '移除标签' }}
+            </div>
+            <div class="button" @click="walk">
+                漫游
+            </div>
+        </div>
     </div>
 </template>
 <script setup>
@@ -123,4 +134,27 @@ const onMouseDown = (event) => {
     }
 }
 </script>
-<style scoped></style>
+<style scoped>
+.btnGroup {
+    width: 180px;
+    position: absolute;
+    left: 0px;
+    bottom: 40px;
+    z-index: 999;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    cursor: pointer;
+    color: #ffff;
+
+    >div {
+        background: #477efa;
+        width: 120px;
+        height: 40px;
+        border-radius: 0 50px 50px 0;
+        line-height: 40px;
+        text-align: center;
+        margin-top: 10px;
+    }
+}
+</style>