| | |
| | | <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>
|
| | |
| | | </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>
|