使用vue2+element+vue-admin-template创建单页应用小记-4.添加自定义svg-icon - 代码天地

使用vue2+element+vue-admin-template创建单页应用小记-4.添加自定义svg-icon

其他 2018-09-13 18:08:49 阅读次数: 0

进入图标库下载需要的图标，推荐阿里的：http://iconfont.cn/home/index
选择图标的svg格式下，完成后放入项目根目录下的\src\icons\svg文件夹
代码中使用以下代码即可
```
<svg-icon class-name="international-icon" icon-class="walmart" />
```

猜你喜欢

转载自blog.csdn.net/onlyjin/article/details/82459495

使用vue2+element+vue-admin-template创建单页应用小记-4.添加自定义svg-icon

使用vue2+element+vue-admin-template创建单页应用小记-2.动态权限路由加载

使用vue2+element+vue-admin-template创建单页应用小记-1.安装框架环境

使用vue2+element+vue-admin-template创建单页应用小记-3.添加语言包切换

vue-element-admin学习笔记--自定义svg-icon组件

vue中使用svg-icon

vue封装使用 svg-icon组件

vue@2 使用 svg-icon：webpack + svg-sprite-loader

Vue中svg-icon组件的使用方法

svg-icon的使用

vue用封装的svg-icon组件来显示svg

vue中使用svg-icon封装的组件来引用iconfont

vue-element-admin 动态路由 vue-element-admin 配置动态路由 vue-element-admin 实现动态路由 vue-element-admin自定义路由

vue-element-admin学习笔记--权限加载及自定义布局（2）

vue2&3自定义svg图标组件

vue-amap 自定义icon

Vue-自定义icon实现

【Ant Design of Vue】自定义SVG图标的使用

vue-admin-template-添加标签页全局组件-详细使用

element tree树形添加自定义icon

Vue 基于node npm & vue-cli & element UI创建vue单页应用

vue+element ui中的el-button自定义icon图标

vue-cli3引入svg-icon正确姿势

[svg-icon]引入vue项目后，use标签为0，已解决

vue-element-admin 框架应用2

svg-sprite-loader ( svg-icon) 使用

laravel-admin 在列表页添加自定义按钮

vue-element-admin学习笔记--权限加载及自定义布局（5）

vue-element-admin学习笔记--权限加载及自定义布局（8）

vue-element-admin http-request自定义上传文件

今日推荐

周排行

深度学习------Lingvo框架下的加速通道GPipe

webjars管理静态资源

C专家编程_2.2

mysql 源码安装

json文件操作

123231432

注解的实现

Spring MVC 控制器

《人月神话》读后感二

C#使用HttpWebRequest和HttpWebResponse上传文件示例

每日归档

更多

2024-09-08(0)

2024-09-07(0)

2024-09-06(0)

2024-09-05(0)

2024-09-04(0)

2024-09-03(0)

2024-09-02(0)

2024-09-01(0)

2024-08-31(0)

2024-08-30(0)