From cba1700bbad0ae7695fc1a7bf0764bf1a64dfb79 Mon Sep 17 00:00:00 2001
From: yangdelong <828900aaa>
Date: 星期四, 08 四月 2021 08:56:54 +0800
Subject: [PATCH] 美化企业文字展示，增加临时测试页面。
---
src/components/panel/BaseNavMenuItem.vue | 37 ++++++++++++++++++++-----------------
1 files changed, 20 insertions(+), 17 deletions(-)
diff --git a/src/components/panel/BaseNavMenuItem.vue b/src/components/panel/BaseNavMenuItem.vue
index 67980cc..9b497ae 100644
--- a/src/components/panel/BaseNavMenuItem.vue
+++ b/src/components/panel/BaseNavMenuItem.vue
@@ -2,17 +2,18 @@
<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"/>
+ <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.headings}}</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="index+''" :key="index">
- {{ item.headings }}
+ <el-menu-item :index="item.index" :key="index">
+ <!-- <el-radio></el-radio>-->
+ {{ item.label }}
</el-menu-item>
</template>
</template>
@@ -33,24 +34,26 @@
</script>
<style lang="less" scoped>
+.el-menu--popup {
+ min-width: 100px;
+}
.base-nav-menu {
height: 38px;
- line-height: 38px;
display: flex;
align-items: center;
- justify-content: space-around;
+ justify-content: center;
outline: none;
border: none;
+ //margin-left: 20px;
+ padding: 0;
+ .el-menu--popup {
+ min-width: 100px;
+ }
+}
- .el-submenu {
- .el-submenu__title {
- border-radius: 50%;
-
- .el-icon-arrow-down {
- display: none;
- }
-
- }
+.el-menu--horizontal {
+ .el-menu--popup {
+ min-width: 100px;
}
}
</style>
--
Gitblit v1.8.0