欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vant使用iconfont图标

程序员文章站 2022-03-15 13:11:42
...

第一步、添加图标至项目

vant使用iconfont图标

 

第二步、生成代码

vant使用iconfont图标

 

第三步、将得到的地址复制到浏览器

vant使用iconfont图标

 

第四步、将该页面所有的代码复制到assets/css/icno.css中(没有的话可以新建)

vant使用iconfont图标

 

第五步、在App.vue导入(路径跟自己项目的路径一致即可)

vant使用iconfont图标

 

第六步、使用文档上推荐的自定义图标(class一定要有,可以参考下面的代码)

<van-icon class="iconfont icon-caidan" />

vant使用iconfont图标

 

 

相关标签: vue