|
|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <div class="panel-tsjs-gis">
|
|
|
+ <div class="panel-tsjs-gis" :class="{ collapse: layoutStore.leftCollapse }">
|
|
|
<div class="options">
|
|
|
<div class="switch" @click="toggleOption('airLine')">
|
|
|
<span>航线</span>
|
|
|
@@ -16,6 +16,9 @@
|
|
|
<script setup>
|
|
|
import { reactive, onBeforeUnmount } from 'vue'
|
|
|
import { toggleMovePath, toggleMoveCube } from '@/utils/map/addLayer'
|
|
|
+import useLayoutStore from '@/store/layout'
|
|
|
+
|
|
|
+const layoutStore = useLayoutStore()
|
|
|
|
|
|
const options = reactive({
|
|
|
airLine: false,
|
|
|
@@ -49,6 +52,12 @@ onBeforeUnmount(() => {
|
|
|
background-color: rgba(0, 17, 50, 0.5);
|
|
|
border: 1px solid #055f8d;
|
|
|
border-radius: 5px;
|
|
|
+ visibility: visible;
|
|
|
+ transition: left 0.5s ease;
|
|
|
+
|
|
|
+ &.collapse {
|
|
|
+ left: var(--panel-gap);
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.options {
|
