From 3ca24d97c52399dcbd93165bf5c01e2ee2af7823 Mon Sep 17 00:00:00 2001
From: chenzeping <ChenZeping02609@163.com>
Date: 星期一, 15 三月 2021 09:13:48 +0800
Subject: [PATCH] 修改功能样式
---
src/components/panel/BaseNavMenuItem.vue | 27 +++++++++++++++------------
1 files changed, 15 insertions(+), 12 deletions(-)
diff --git a/src/components/panel/BaseNavMenuItem.vue b/src/components/panel/BaseNavMenuItem.vue
index 69330e9..9b497ae 100644
--- a/src/components/panel/BaseNavMenuItem.vue
+++ b/src/components/panel/BaseNavMenuItem.vue
@@ -6,12 +6,13 @@
<template slot="title" v-if="item.icon">
<img :src="item.icon" :title="item.label"/>
</template>
- <template slot="title" v-else>{{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>
@@ -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