From 231ed8b3de4866ceb5bbb9833c0a7afaee9583d6 Mon Sep 17 00:00:00 2001
From: 徐旺旺 <11530253@qq.com>
Date: 星期五, 12 三月 2021 18:15:50 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'
---
src/components/panel/BaseNavMenuItem.vue | 56 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 56 insertions(+), 0 deletions(-)
diff --git a/src/components/panel/BaseNavMenuItem.vue b/src/components/panel/BaseNavMenuItem.vue
new file mode 100644
index 0000000..69330e9
--- /dev/null
+++ b/src/components/panel/BaseNavMenuItem.vue
@@ -0,0 +1,56 @@
+<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">
+ {{ item.label }}
+ </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>
--
Gitblit v1.8.0