yanghongwei
/
lg_frontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

地图增加到可视化中

This commit is contained in:
DESKTOP-VMMLSOQ\wangzg 2024-02-23 08:32:30 +08:00
parent 75285db645
commit 5b5ad82daa
2 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/Map.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="mars3dContainer" ref="mapRef" id="mars3dContainer"></div> <div class="map-container" ref="mapRef" id="mars3dContainer"></div>
</template> </template>
<script> <script>

20
pages/visual/PeakCoalView.vue
View File

@ -27,8 +27,9 @@
</div> </div>
<!-- 中间内容--> <!-- 中间内容-->
<div class="center-content point-none"> <div class="center-content">
<Map />
<img class="center-bg" :src="centerBg" />
</div> </div>
<!-- 右侧内容--> <!-- 右侧内容-->
<div class="right-content point"> <div class="right-content point">
@ -69,12 +70,14 @@
</template> </template>
<script> <script>
const centerBg = require('@/assets/peakCoalImages/center/center-content-bg.png')
export default { export default {
name: "PeakCoalView", name: "PeakCoalView",
components: {}, components: {},
data() { data() {
return { return {
autoStyle: {} autoStyle: {},
centerBg
} }
}, },
mounted() { mounted() {
@ -221,10 +224,19 @@ body, html, #__nuxt, #__layout {
transform: translateX(-50%); transform: translateX(-50%);
width: 4383px; width: 4383px;
height: 2628px; height: 2628px;
.bg("~/assets/peakCoalImages/center/center-content-bg.png"); .center-bg {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 2;
pointer-events: none; pointer-events: none;
} }
} }
}
.footer-content { .footer-content {
position: absolute; position: absolute;