From a025bd0aff7b67491cfdcb445745886c0ffaa8d2 Mon Sep 17 00:00:00 2001
From: guonan <guonan201020@163.com>
Date: 星期三, 04 六月 2025 13:51:00 +0800
Subject: [PATCH] 地球样式
---
src/views/GisView.vue | 23 ++++++++++++++++++++---
1 files changed, 20 insertions(+), 3 deletions(-)
diff --git a/src/views/GisView.vue b/src/views/GisView.vue
index 1fea18c..b91d965 100644
--- a/src/views/GisView.vue
+++ b/src/views/GisView.vue
@@ -1,10 +1,18 @@
<template>
<div id="gis-view" ref="mapRef"></div>
<!-- 鍒囨崲搴曞浘褰卞儚 -->
- <div @click="handleShow" class="diqiu">
+ <div
+ @click="handleShow"
+ class="diqiu"
+ :class="{ 'shift-right': simStore.isShowEarth }"
+ >
<img src="@/assets/img/screen/dq.png" alt="" />
</div>
- <div v-show="picShow" class="earthBox">
+ <div
+ v-show="picShow"
+ class="earthBox"
+ :class="{ 'shift-right': simStore.isShowEarth }"
+ >
<div
v-for="(item, index) in views"
:key="index"
@@ -34,6 +42,8 @@
import { getDistrictCount, getDistrictCountByCity } from "@/api/index";
import { useRoute } from "vue-router";
import { EventBus } from "@/eventBus"; // 寮曞叆浜嬩欢鎬荤嚎
+import { useSimStore } from "@/store/simulation";
+const simStore = useSimStore();
const views = [
{ label: "鍦板浘", value: "map", icon: "鍦板浘.png" },
@@ -53,7 +63,7 @@
const currentIndex = ref(-1);
-let currentLayer = null;
+let currentLayer = null;
const switchView = async (index) => {
currentIndex.value = index;
@@ -617,4 +627,11 @@
.item-container.active .label {
background-color: rgba(33, 137, 103, 0.8);
}
+
+.diqiu.shift-right {
+ right: 10%;
+}
+.earthBox.shift-right {
+ right: 13%;
+}
</style>
--
Gitblit v1.9.3