123

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>