济南专业网站设计,查找北京国互网网站建设,西宁市网站建设,app研发风险前言
阿里图标官网 备用地址#xff1a; https://www.iconfont.cn/
添加图标
1、进入官网添加图标#xff0c;如箭头所示 2、复制如图选中的文件#xff0c;粘贴项目中的src/assets/icon_font/目录下 3、在main.js引入图标css //引入自定义图标 import /assets/icon_fon…前言
阿里图标官网 备用地址 https://www.iconfont.cn/
添加图标
1、进入官网添加图标如箭头所示 2、复制如图选中的文件粘贴项目中的src/assets/icon_font/目录下 3、在main.js引入图标css //引入自定义图标 import /assets/icon_font/iconfont.css 注意这里需要注意一下
import /assets/icon_font/iconfont.css一定要写全而不能是
import /assets/icon_font/iconfont 实际上导入的是iconfont.js文件因为这个导致图标一致不显示耽误了我半天时间排查错误 4、vant组件中使用自定义icon
如果是单色图标的话下面写法 van-icon classiconfont class-prefixicon namea-allroundservice / div i classiconfont icon-a-allroundservice/i /div 如果是多色图标的话下面写法 import /assets/icon_font/iconfont.js !-- 多色图标 -- svg classicon aria-hiddentrue use xlink:href#icon-xunzhang/use /svg van-steps directionvertical :active0van-steptemplate #active-icon!-- div classiconfont icon-job/div--svg classicon aria-hiddentrue width20 height20use xlink:href#icon-xunzhang/use/svg/templatediv classcontainerh3【城市】物流状态1/h3p2016-07-12 12:40/p/div/van-stepvan-stepdiv classcontainerh3【城市】物流状态2/h3p2016-07-12 12:40/p/div/van-step/van-steps
