北京做网站找谁,江苏官网建设公司,建设有限公司官网,网络销售模式有哪些前言iconfont阿里巴巴矢量图标库是我很喜欢的一个网站#xff0c;可以下载/在线编辑/上传自己需要的矢量图标#xff0c;也支持团队协作#xff0c;那么在mpvue项目中如何引入呢#xff1f;将图标加入购物车搜索关键词可以是中文也可以是英文下载素材点击网站右上角的购物车…前言iconfont阿里巴巴矢量图标库是我很喜欢的一个网站可以下载/在线编辑/上传自己需要的矢量图标也支持团队协作那么在mpvue项目中如何引入呢将图标加入购物车搜索关键词可以是中文也可以是英文下载素材点击网站右上角的购物车图标此处我们选第三个ps:添加到项目很有用可以在线编辑自己喜欢的图标大小样式/重命名/邀请成员等此处我们选择加入项目并下载代码文件解压一般网页中为了兼容性考虑我们会留下css/ttf/svg/woff/eot文件小程序中则有自己的规则此处我们留下css和ttf文件关于怎么处理请继续阅读方法一、本地引入由于小程序不支持处理ttf/woff/eot等文件~~我们必须将子图文件转为base64格式再引入~~直接使用源文件会提示几种字体文件没有上传导致打包上传后字体无法显示。将引入eot/ttf/svg的几行删除在base64那一行前加上src即可。ttf转base64(iconfont下载的文件已有base64转码此步跳过)用stylesheet.css内容替换iconfont.css引入部分(上同替换结果方法二、cdn引入按项目需求可选择cdn方式引入字体图标。优点本地文件小缺点网络不好的情况下页面可能会暂时缺失图标。在“我的项目”中点击查看在线链接复制代码将iconfont.css的font-face部分换成之前复制的带有alicdn的代码。引入cssApp.vue style开头引入import ../static/iconfont.css // 若css在static中要加..不然会报错使用字符图标注意事项1.多个图标1次下载也只需要一个ttf文件同样的如果有新增或修改的图标文件需要全部下载1遍再转为base642.强烈建议新建一个项目保存你的字体文件永久记录且可编辑(缩放、旋转)项目入库在网站上方-图标管理-我的项目。3.使用css预处理如scss的大体流程一样就是将iconfont.css换为你的css预处理文件格式在App.vue中引入4.有问题或流程不清楚的欢迎反馈~以上就是本文的全部内容希望对大家的学习有所帮助也希望大家多多支持脚本之家。