月球大数据地理空间分析展示平台-【前端】-月球2期前端
WX
2023-09-15 3e141a386dad33a7a660dd1b6a02a96df6f8f886
src/views/menus.vue
@@ -1,21 +1,10 @@
<template>
  <div
    class="menus"
    v-show="fullScreen"
  >
  <div class="menus" v-show="fullScreen">
    <div class="logo_box">
      <img
        src="../assets/img/logo.png"
        alt=""
        class="logo"
      />
      <img src="../assets/img/logo.png" alt="" class="logo" />
      <div class="logo_name">
        <h3>月球大数据地理空间分析展示平台</h3>
        <img
          src="../assets/img/logob.png"
          alt=""
          class="logo_name_b"
        />
        <img src="../assets/img/logob.png" alt="" class="logo_name_b" />
      </div>
    </div>
    <div class="menus_box">
@@ -40,16 +29,11 @@
      </div>
    </div>
  </div>
  <div
    class="content_box"
    v-show="fullScreen"
  >
  <div class="content_box" v-show="fullScreen">
    <div
      v-show="checkMenuFlag == 'l1'"
      style="position: relative; display: flex"
    >
    </div>
    ></div>
    <div
      style="position: relative; display: flex"
      v-show="store.state.setLayerManager"
@@ -70,11 +54,7 @@
    <search v-if="thematicMapBtnState"> </search>
  </div>
  <div
    class="fullScreen_btn"
    v-show="!fullScreen"
    @click="screen"
  ></div>
  <div class="fullScreen_btn" v-show="!fullScreen" @click="screen"></div>
  <div
    v-show="store.state.doubleMenu"
    class="setDobuleMap"
@@ -88,31 +68,27 @@
  >
    <double-layer></double-layer>
  </div>
  <div style="display: flex; position: absolute; z-index: 30; top: 23px; right: 23px;">
  <div
    style="
      display: flex;
      position: absolute;
      z-index: 30;
      top: 23px;
      right: 23px;
    "
  >
    <thematic-map v-show="!thematicMapBtnState"></thematic-map>
    <top-btn
      v-show="fullScreen"
      v-if="thematicMapBtnState"
    ></top-btn>
    <top-btn v-show="fullScreen" v-if="thematicMapBtnState"></top-btn>
    <div>
      <div
        class="setUserLogo"
        @click="setLogMeu =!setLogMeu"
      >
      <div class="setUserLogo" @click="setLogMeu = !setLogMeu">
        <div class="setUserImage"></div>
        <div class="setUserTitle"> {{store.state.uname}} </div>
        <div class="setUserTitle">{{ store.state.uname }}</div>
      </div>
      <div
        v-show="setLogMeu"
        class="setLogContent"
        @click="setUserLogOut"
      >
      <div v-show="setLogMeu" class="setLogContent" @click="setUserLogOut">
        退出
      </div>
    </div>
  </div>
</template>
<script lang="ts" setup>