From 90bd1d10df12f458eb2e64e8de2b225f45d02153 Mon Sep 17 00:00:00 2001
From: 徐旺旺 <11530253@qq.com>
Date: 星期三, 14 四月 2021 17:34:08 +0800
Subject: [PATCH] 管网、环保设施、附属设施搜索定位
---
src/components/panel/BaseNavMenuItem.vue | 115 +++++++++++++++++++++++++++++----------------------------
1 files changed, 59 insertions(+), 56 deletions(-)
diff --git a/src/components/panel/BaseNavMenuItem.vue b/src/components/panel/BaseNavMenuItem.vue
index 67980cc..a525ec4 100644
--- a/src/components/panel/BaseNavMenuItem.vue
+++ b/src/components/panel/BaseNavMenuItem.vue
@@ -1,56 +1,59 @@
-<template>
- <div class="base-nav-menu">
- <template v-for="(item,index) in menuList">
- <template v-if="item.items && item.items.length">
- <el-submenu :index="index+''" :key="index">
- <template slot="title" v-if="item.title">
- <img :src="item.title" :title="item.alt"/>
- </template>
- <template slot="title" v-else>{{item.headings}}</template>
- <base-nav-menu-item v-for="child in item.items" :key="child.title" :menuList='[child]'></base-nav-menu-item>
- </el-submenu>
- </template>
- <template v-else>
- <el-menu-item :index="index+''" :key="index">
- {{ item.headings }}
- </el-menu-item>
- </template>
- </template>
- </div>
-</template>
-
-<script>
-
-export default {
- name: 'BaseNavMenuItem',
- data () {
- return {}
- },
- props: {
- menuList: Array
- }
-}
-</script>
-
-<style lang="less" scoped>
-.base-nav-menu {
- height: 38px;
- line-height: 38px;
- display: flex;
- align-items: center;
- justify-content: space-around;
- outline: none;
- border: none;
-
- .el-submenu {
- .el-submenu__title {
- border-radius: 50%;
-
- .el-icon-arrow-down {
- display: none;
- }
-
- }
- }
-}
-</style>
+<template>
+ <div class="base-nav-menu">
+ <template v-for="(item,index) in menuList">
+ <template v-if="item.items && item.items.length">
+ <el-submenu :index="item.index" :key="index">
+ <template slot="title" v-if="item.icon">
+ <img :src="item.icon" :title="item.label"/>
+ </template>
+ <template slot="title" v-else>{{ item.label }}</template>
+ <base-nav-menu-item v-for="child in item.items" :key="child.title" :menuList='[child]'></base-nav-menu-item>
+ </el-submenu>
+ </template>
+ <template v-else>
+ <el-menu-item :index="item.index" :key="index">
+ <!-- <el-radio></el-radio>-->
+ {{ item.label }}
+ </el-menu-item>
+ </template>
+ </template>
+ </div>
+</template>
+
+<script>
+
+export default {
+ name: 'BaseNavMenuItem',
+ data () {
+ return {}
+ },
+ props: {
+ menuList: Array
+ }
+}
+</script>
+
+<style lang="less" scoped>
+.el-menu--popup {
+ min-width: 100px;
+}
+.base-nav-menu {
+ height: 38px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ outline: none;
+ border: none;
+ //margin-left: 20px;
+ padding: 0;
+ .el-menu--popup {
+ min-width: 100px;
+ }
+}
+
+.el-menu--horizontal {
+ .el-menu--popup {
+ min-width: 100px;
+ }
+}
+</style>
--
Gitblit v1.8.0