vue-admin-template 集成 iconfont 实例

1 下载图标库

在这里插入图片描述

1.1 将文件拷贝到项目中

将文件拷贝到项目后的目录结构

在这里插入图片描述

1.2 修改main.js

这里是需要修改main.js,这样iconfont这个资源包,可以被各个模块引用

import '@/assets/css/icon/iconfont.css' # 这里是我的本地路劲,用户需要根据自己的目录结构进行路劲的替换

在这里插入图片描述

1.3 iconfont 的使用

      <i class="iconfont ">&#xe6dd;</i>
      <i class="iconfont iconbitian"></i>
1.4 效果图

在这里插入图片描述

GitHub 加速计划 / vu / vue-admin-template
19.83 K
7.39 K
下载
PanJiaChen/vue-admin-template: 基于 Vue.js 和 Element UI 的后台管理系统模板,支持多语言、主题和布局切换。该项目提供了一个完整的后台管理系统模板,可以方便地实现后台管理系统的快速搭建和定制,同时支持多种数据源和插件扩展。
最近提交(Master分支:2 个月前 )
4c18a3f4 - 2 年前
714ded11 - 4 年前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐