优化菜单样式

RuoYi

2023-08-31 a9196bbdf71d37ff69533e1993507f4bb46dd349

优化菜单样式

 src/components/TopNav/index.vue

@@ -7,7 +7,10 @@
  >

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

@@ -189,4 +192,14 @@
  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;

}

</style>


 src/layout/components/TagsView/index.vue

@@ -280,7 +280,7 @@
          height: 8px;

          border-radius: 50%;

          position: relative;

          margin-right: 2px;

          margin-right: 5px;

        }

      }

    }