700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 微信小程序里面引用阿里巴巴矢量图(6月份系统升级维护后)

微信小程序里面引用阿里巴巴矢量图(6月份系统升级维护后)

时间:2019-04-18 09:22:02

相关推荐

微信小程序里面引用阿里巴巴矢量图(6月份系统升级维护后)

前段时间听同事说,不知怎么滴,阿里巴巴官网突然打不开了,点击官网,显示的就是在升级维护

同事开玩笑说,阿里巴巴矢量图官网不会不维护了吧,我心想这怎么可能呢,矢量图这么受欢迎,又这么好用,果然,昨天周一闲来无事,就又点击一次官网,发现可以进去了!应该是升级维护结束了,可真是好等,进去之后发现还是有点变化的,首先是发现自己的头像没了,而且上传头像的按钮也没了,emm,没了就没了吧,反正主要是来白嫖矢量图的,嘿嘿

但是今天想着去给项目里面添加几个图标时,发现不能cdn链接不能使用了,也不能直接点击链接去拷贝代码了。。。。

之前点击更新代码时,会生成一个cdn链接,这样就可以在app.wxss里面直接引入cdn链接或者点击链接是可以跳到一个新的窗口的,然后直接全选页面里的代码,在微信小程序的项目里的static下面新建一个iconfont.wxss,然后引入到app.wxss,就可以全局引用了;

但是现在不行了,无法生成cdn,意味着无法通过链接跳转,进而拷贝代码了,

那就把代码下载到本地呗,直接引用行不通的,把iconfont.css改为iconfont.wxss也不行的

报错提示是woff文件的原因,然后记得之前刚开始玩小程序时也碰到过这种情况,是需要把woff文件转义为base64,地址是/

操作步骤如下:

1.通过链接进入页面时,首先勾选 转义base64

2.点击addfonts按钮 上传之前下载的iconfont文件夹里面的woff文件

3.点击convert按钮 进行转换

4.下载文件

5.打开 解压缩后的文件夹里面的styleheet.css

6.直接拷贝 转移后的 woff路径 和woff2路径,然后替换掉小程序里面的iconfont.wxss文件的woff路径和woff2路径

可以看到图标都正常展示了,并且也没有报错提示!

并且还是和之前一样,只需引入替换过woff文件路径和woff2文件路径的iconfont.wxss即可,那个iconfont文件夹可以删掉不用了,哈哈哈

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。