diff --git a/src/views/oneMap/components/dynamicInformation.vue b/src/views/oneMap/components/dynamicInformation.vue index 45e018f..5476bbf 100644 --- a/src/views/oneMap/components/dynamicInformation.vue +++ b/src/views/oneMap/components/dynamicInformation.vue @@ -82,7 +82,7 @@ import xcdt_icon from '@/assets/images/tanchuang/xcdt_icon.png'; const infoIndex = ref(0); -const showInfo = ref(true); // 改变 dynamicInformation 宽度 +const showInfo = ref(false); // 改变 dynamicInformation 宽度 const showPanel = ref(true); //面板展开收起 改变定位left // 面板内容展开收起控制 const props = defineProps({ @@ -262,9 +262,8 @@ .dynamicInformation { position: absolute; // left: 490px; - top: 110px; - width: calc(100% - 1020px); - --parent-width: calc(100% - 1020px); /* 定义 CSS 变量 */ + bottom: 170px; + // width: calc(100% - 1020px); height: 136px; box-sizing: border-box; // border: 1px solid red; @@ -292,6 +291,7 @@ .leftInfo { width: 116px; height: 136px; + overflow: hidden; // border: 1px solid yellow; background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 69, 108, 0.8) 100%); border-radius: 6px; @@ -333,6 +333,7 @@ // position: absolute; // left: 520px; // top: 110px; + overflow: hidden; background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 69, 108, 0.8) 100%); border-radius: 6px; border: 1px solid #47eef3;