| | |
|---|
| | | >
|
|---|
| | | <template v-for="(item, index) in topMenus">
|
|---|
| | | <el-menu-item :style="{'--theme': theme}" :index="item.path" :key="index" v-if="index < visibleNumber"
|
|---|
| | | ><svg-icon :icon-class="item.meta.icon" />
|
|---|
| | | ><svg-icon
|
|---|
| | | v-if="item.meta && item.meta.icon && item.meta.icon !== '#'"
|
|---|
| | | :icon-class="item.meta.icon"
|
|---|
| | | />
|
|---|
| | | {{ item.meta.title }}</el-menu-item
|
|---|
| | | >
|
|---|
| | | </template>
|
|---|
| | |
|---|
| | | padding: 0 5px !important;
|
|---|
| | | margin: 0 10px !important;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /* 背景色隐藏 */
|
|---|
| | | .topmenu-container.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus, .topmenu-container.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover, .topmenu-container.el-menu--horizontal>.el-submenu .el-submenu__title:hover {
|
|---|
| | | background-color: #ffffff !important;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /* 图标右间距 */
|
|---|
| | | .topmenu-container .svg-icon {
|
|---|
| | | margin-right: 4px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /* topmenu more arrow */
|
|---|
| | | .topmenu-container .el-sub-menu .el-sub-menu__icon-arrow {
|
|---|
| | | position: static;
|
|---|
| | | vertical-align: middle;
|
|---|
| | | margin-left: 8px;
|
|---|
| | | margin-top: 0px;
|
|---|
| | | }
|
|---|
| | | </style>
|
|---|
