From e603818514e4849cd71c1df6f621a70dc019d156 Mon Sep 17 00:00:00 2001
From: WX <1377869194@qq.com>
Date: 星期五, 01 九月 2023 17:56:57 +0800
Subject: [PATCH] 样式修改，openlayer加载影像（未完成）
---
src/views/menus.vue | 50 +++++++++++++++-----------------------------------
1 files changed, 15 insertions(+), 35 deletions(-)
diff --git a/src/views/menus.vue b/src/views/menus.vue
index 05d6489..32a610a 100644
--- a/src/views/menus.vue
+++ b/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,10 +29,7 @@
</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"
@@ -60,17 +46,10 @@
<search v-if="thematicMapBtnState"> </search>
</div>
- <top-btn
- v-show="fullScreen"
- v-if="thematicMapBtnState"
- ></top-btn>
+ <top-btn v-show="fullScreen" v-if="thematicMapBtnState"></top-btn>
<thematic-map v-show="!thematicMapBtnState"></thematic-map>
- <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"
@@ -84,7 +63,6 @@
>
<double-layer></double-layer>
</div>
-
</template>
<script lang="ts" setup>
@@ -240,13 +218,13 @@
}
.menus_box {
background: rgba(1, 10, 28, 0.68);
-
left: 7px;
position: absolute;
- top: 105px;
+ top: 83px;
width: 71px;
- height: 850px;
+ height: 680px;
z-index: 40;
+ box-sizing: border-box;
.imgBox {
width: 100%;
display: flex;
@@ -273,16 +251,18 @@
padding: 10px;
}
.menu_Image_box {
- height: 778px;
+ box-sizing: border-box;
+ height: 100%;
width: 100%;
- padding: 36px 0px;
+ padding-top: 36px;
background: url("../assets/img/鐭╁舰 1.png") no-repeat;
background-size: 100% 100%;
}
.content_box {
position: absolute;
- top: 135px;
- left: 100px;
+ // top: 135px;
+ top: 110px;
+ left: 80px;
display: flex;
}
.fullScreen_btn {
--
Gitblit v1.9.3