From f5233339920a59103d53e8efadc6f3f5d0b64f31 Mon Sep 17 00:00:00 2001 From: lixuliang <lixuliang_hd@126.com> Date: 星期三, 08 五月 2024 14:45:37 +0800 Subject: [PATCH] 移动端 --- src/components/viewer.vue | 24 +++++++++++++++--------- 1 files changed, 15 insertions(+), 9 deletions(-) diff --git a/src/components/viewer.vue b/src/components/viewer.vue index ab57aa2..4050d89 100644 --- a/src/components/viewer.vue +++ b/src/components/viewer.vue @@ -4,15 +4,15 @@ <div id="sdkContainer" @click="clicktoclose"></div> <!-- 椤甸潰鏍囬 --> - <div class="titleBg"> + <!-- <div class="titleBg"> <img src="@/assets/img/title/title.png" /> - </div> + </div> --> <!-- 鍘嗗彶褰卞儚 --> <my-history v-if="state.show"></my-history> <!-- 鍘嗗彶褰卞儚鍏抽棴鎸夐挳 --> - <div class="colseBtn" v-if="state.show" @click="closeHistory(false)"> + <!-- <div class="colseBtn" v-if="state.show" @click="closeHistory(false)"> <img class="searchBtn" src="@/assets/closeinput1.png" /> - </div> + </div> --> <!-- 鍙充晶瀵艰埅妗� --> <my-navigation-bar></my-navigation-bar> <!-- 鎼滅储妗� --> @@ -24,7 +24,7 @@ <!-- 鍘熷乏涓嬭彍鍗� --> <!-- <my-menu v-on:getshowsta="datafromchild" ref="menu"></my-menu> --> <!-- 宸︿笅蹇嵎鍖哄煙锛堝浣嶃�佹寚鍖楃瓑锛� --> - <my-left-bottom :test="childrendata"></my-left-bottom> + <!-- <my-left-bottom :test="childrendata"></my-left-bottom> --> <!-- 鍙充笅蹇嵎鍖哄煙锛堟斁澶х缉灏忥級 --> <my-right-bottom :test="childrendata"></my-right-bottom> @@ -34,7 +34,7 @@ <!-- 浣嶇疆闈㈡澘 --> <my-collection-panel></my-collection-panel> <!-- 鎸囧寳閽堥潰鏉� --> - <my-direction-panel></my-direction-panel> + <!-- <my-direction-panel></my-direction-panel> --> <!-- 鏂板鏀惰棌闈㈡澘 --> <my-add-collection-panel></my-add-collection-panel> <!-- 绐ㄤ簳銆佹憚鍍忓ご缁熻闈㈡澘 --> @@ -52,6 +52,7 @@ <!-- 鍦熷湴绠$悊寮圭獥 --> <my-land-admin-info></my-land-admin-info> <my-slider></my-slider> + <my-poplayer></my-poplayer> </div> </template> <script> @@ -77,6 +78,7 @@ import layerTreePanel from "./sideMenu/layerTreePanel/main.vue"; import history from "./poplayer/history.vue"; import landAdminInfo from "./poplayer/landAdmin.vue"; +import mainPoplayer from "./poplayer/poplayer.vue"; import sliderAlpha from "./sideMenu/sliderAlpha/main.vue"; import Axios from "axios"; @@ -101,7 +103,8 @@ "my-layer-tree-panel": layerTreePanel, "my-history": history, "my-land-admin-info": landAdminInfo, - "my-slider":sliderAlpha + "my-slider": sliderAlpha, + "my-poplayer": mainPoplayer, }, data() { return { @@ -170,7 +173,7 @@ Viewer.shadows = false; Viewer.scene.fxaa = false; Viewer.scene.postProcessStages.fxaa.enabled = false; - window.Viewer.scene.globe.maximumScreenSpaceError = 4/3; + window.Viewer.scene.globe.maximumScreenSpaceError = 4 / 3; that.showBottom(); window.Viewer.scene.screenSpaceCameraController.minimumZoomDistance = 100; //鐩告満鐨勯珮搴︾殑鏈�灏忓�� // window.Viewer.scene.screenSpaceCameraController.maximumZoomDistance = 38000; //鐩告満楂樺害鐨勬渶澶у�� @@ -399,7 +402,8 @@ width: 100%; height: 100%; background: black; - position: absolute !important; + /* position: absolute !important; */ + z-index: 0; } .titleBg { @@ -423,12 +427,14 @@ .bottomLeft { display: none; } + .colseBtn { position: absolute; z-index: 2; top: 0.55rem; left: 0.2rem; } + .colseBtn img { width: 30px; } -- Gitblit v1.9.3