微信小程序如何使用矢量图标
2020-09-27|HiShop
导读:微信小程序如何使用矢量图标,以阿里巴巴矢量图标为例: 方法:转化为base64 第一步:在阿里巴巴矢量图标库下载需要的图标 点击下载代码,将下载后的...
微信小程序如何使用矢量图标,以阿里巴巴矢量图标为例:
方法:转化为base64
第一步:在阿里巴巴矢量图标库下载需要的图标
点击下载代码,将下载后的download.zip解压
第二步:进入https://transfonter.org/平台,将ttf格式转化为base64格式,转化完毕下载
第三步:在微信小程序中使用
打开刚刚我们经过转换的解压出来的文件,找到stylesheet.css,将其中的内容全部复制到wxss文件中(在哪使用在哪加入)。
打开没有转化过的download文件中的iconfont.css文件,将中除了@font-face部分的其他所有代码复制到wxssz中.
在wxml中使用字体图标直接使用class即可(在wxss中每个字体图标对应一个class)。
3微信小程序如何使用回调函数
- 第 1 页【小程序开发】微信小程序如何使用插件
- 第 2 页【小程序如何使用】 微信小程序如何使用矢量图标
- 第 3 页【小程序如何使用】 微信小程序如何使用回调函数
- 第 4 页【小程序如何使用】 微信小程序如何使用第三方登录
- 第 5 页【小程序如何使用】 微信小程序如何使用多线程