From fc1f22df5322aa89ffcf60040b01eff0451df3a3 Mon Sep 17 00:00:00 2001 From: WX <1377869194@qq.com> Date: 星期三, 07 六月 2023 17:56:05 +0800 Subject: [PATCH] 页面样式调整,功能调整 --- src/views/menus.vue | 26 +++++++++++--------------- 1 files changed, 11 insertions(+), 15 deletions(-) diff --git a/src/components/menus.vue b/src/views/menus.vue similarity index 80% rename from src/components/menus.vue rename to src/views/menus.vue index 253d2b3..7e2f774 100644 --- a/src/components/menus.vue +++ b/src/views/menus.vue @@ -1,39 +1,32 @@ <template> <div class="menus"> <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"> <div class="imgBox" - v-for="(item,i) in menuOptions" + v-for="(item, i) in menuOptions" @click="setMenuClick(item)" > <img v-if="checkMenuFlag != item.id" class="imgIcon" - :src="require('../assets/img/leftBtn/'+item.imgUrl)" - > + :src="require('../assets/img/leftBtn/' + item.imgUrl)" + /> <img v-if="checkMenuFlag == item.id" class="imgIcon" - :src="require('../assets/img/leftBtn/'+item.checkImgUrl)" - > + :src="require('../assets/img/leftBtn/' + item.checkImgUrl)" + /> </div> </div> </div> + <layer-manage> </layer-manage> </template> <script lang="ts" setup> @@ -47,9 +40,12 @@ } from "vue"; import menuData from "@/assets/js/Map/menuData"; import menuTool from "@/assets/js/Map/menuTool"; +//鍥惧眰绠$悊椤甸潰 +import layerManage from "@/views/layer/layerManage.vue"; const menuOptions = ref([]); const checkMenuFlag = ref(""); const setMenuClick = (res) => { + console.log(res); if (checkMenuFlag.value && checkMenuFlag.value == res.id) { checkMenuFlag.value = null; } else { -- Gitblit v1.9.3