后台管理左侧菜单栏图标设置

news/2024/10/19 5:28:36/

通过更改菜单项模板(template)中的i标签的类名,可以将左侧菜单栏的图标进行设置,我们需要在项目中使用第三方字体图标
在数据中添加一个iconsObj:

//template中:
<i :class="iconsObj[item.id]"></i>//js的data中定义
iconsObj: {'125':'iconfont icon-user','103':'iconfont icon-tijikongjian','101':'iconfont icon-shangpin','102':'iconfont icon-danju','145':'iconfont icon-baobiao'}

图标不同循环的菜单不能一一添加,类名动态绑定,通过对应id获取(对应数据在data中)。然后将图标类名进行数据绑定,绑定iconsObj中的数据:


http://www.ppmy.cn/news/626056.html

相关文章

后台管理左侧菜单栏

左侧菜单处理 <template><el-container><el-header><pug-header></pug-header></el-header><el-container><el-aside class"pug-el-aside"><pug-menu></pug-menu></el-aside><pug-tag-list>…

qt 菜单栏创建

.h文件内容&#xff1a; #pragma once #include <QtWidgets/QMainWindow> #include "ui_QtWidgetsApplication2.h" #include <QLabel> class QtWidgetsApplication2 : public QMainWindow { Q_OBJECT public: QtWidgetsApplication2(QWidget …

Mac如何移动隐藏删除顶部菜单栏图标

Mac如何移动隐藏删除顶部菜单栏图标&#xff1f;苹果菜单栏贯穿 Mac 的屏幕顶部。下面我们就来看看Mac是如何移动隐藏删除顶部菜单栏图标的。 左侧是苹果菜单和应用菜单&#xff0c;应用菜单一般显示你当前使用的Mac软件的所有功能菜单。 右侧通常是以图标显示的状态菜单&…

SideMenu侧滑菜单栏

主要功能:点击按钮弹出侧边栏;从屏幕边缘拖出侧边栏;当ViewPager的当前页为最左边的一页时,继续向右滑拖出侧边栏。 首先自定义一个布局,这个布局放侧边菜单栏。重写该布局的onMeasure和OnLayout来设置侧边菜单栏的宽度和位置。 @Overrideprotected void onMeasure(int wi…

Menu 菜单栏

<Menu Name"menu" HorizontalAlignment"Left" VerticalAlignment"Top" Background"Transparent" Foreground"#FF5D88C7" FontSize"18" FontFamily"STSong"> <MenuItem Header"系统管理&q…

mysql在菜单栏怎么开_数据库菜单栏在哪

{"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],"search_count":[{"count_phone":4,"count":4}]},"card":[{"des":"阿里云数据库专家保驾护航&#xff0c;为用户…

GVIM关闭菜单栏

在Windows下Gvim对应的配置文件一般位于$HOME\_gvimrc目录下&#xff0c;而Linux下位于$HOME/.gvimrc&#xff0c;编辑该配置文件&#xff0c;添加以下内容&#xff1a; "Toggle Menu and Toolbar set guioptions-m set guioptions-T map <silent> <F2> :if …

Mac如何移动隐藏删除mac菜单栏图标

MacW小编您如何移动隐藏删除mac菜单栏图标&#xff0c;对于有强迫症的小伙伴来说&#xff0c;菜单栏图标乱糟糟的是一件很烦人的事情&#xff0c;逼死强迫症&#xff0c;而这篇Mac移动隐藏删除顶部菜单栏图标教程则可以帮助你&#xff01; Mac移动隐藏删除顶部菜单栏图标教程 …