vant中van-icon使用自定义图标简单粗暴

图标库是iconfont，这里面的图标够用了吧一.新建项目二.选择喜欢的图标，加入购物车，再添加到项目三.生成代码四.将链接粘贴到地址栏，将css内容复制到icon.css五.在App.vue进行全局引用六.在相应组件使用van-icon，iconfont类是必须要有的，不同的图标就是不同的percy-icon-xxxx...

优雅的王德奥

52641人浏览 · 2019-07-15 15:48:41

优雅的王德奥  ·  2019-07-15 15:48:41 发布

图标库是iconfont，这里面的图标够用了吧

一.新建项目

二.选择喜欢的图标，加入购物车，再添加到项目

三.生成代码

四.将链接粘贴到地址栏，将css内容复制到icon.css

五.在App.vue进行全局引用

六.在相应组件使用van-icon，iconfont类是必须要有的，不同的图标就是不同的percy-icon-xxxx

Vue

Vue社区为您提供最前沿的新闻资讯和知识内容

加入社区

更多推荐

• · Mac 使用vscode 创建vue项目后修改文件提示：权限不足，以超级用户身份重试
• · 基于nodejs+vue云计算的城乡医疗卫生服务系统[程序+论文+开题]-计算机毕业设计
• · ElasticSearch迁移至openGauss

Mac 使用vscode 创建vue项目后修改文件提示：权限不足，以超级用户身份重试

Vue

基于nodejs+vue云计算的城乡医疗卫生服务系统[程序+论文+开题]-计算机毕业设计

Vue

ElasticSearch迁移至openGauss

Vue

欢迎加入社区

取消 确定