返回

专注连锁门店会员营销管理系统

线上+线下+进销存+收银+会员
HiShop > Hi小程序 > 小程序开发 > 开发实例 >

微信小程序如何使用矢量图标

2020-09-27 作者:秩名

微信小程序如何使用矢量图标,以阿里巴巴矢量图标为例:

方法:转化为base64

第一步:在阿里巴巴矢量图标库下载需要的图标

点击下载代码,将下载后的download.zip解压

第二步:进入https://transfonter.org/平台,将ttf格式转化为base64格式,转化完毕下载

第三步:在微信小程序中使用

打开刚刚我们经过转换的解压出来的文件,找到stylesheet.css,将其中的内容全部复制到wxss文件中(在哪使用在哪加入)。

打开没有转化过的download文件中的iconfont.css文件,将中除了@font-face部分的其他所有代码复制到wxssz中.

在wxml中使用字体图标直接使用class即可(在wxss中每个字体图标对应一个class)。

3微信小程序如何使用回调函数

线上+线下+进销存+收银+会员门店零售管理好帮手

  • 极速收银管理

    门店能实现快速收银,提升门店经营效率。

  • 进销存管理

    系统自带进销存管理,更好管理库存销售。

  • 软硬件一体化

    配备收银硬件一站式整体服务。

收 银 会员管理 库存管理 商品管理 交接班 数据报表 营销促单 售后处理 多种收款

获取报价

推荐文章

门店系统 获取报价 立即咨询 免费试用