小程序如何使用阿里字体图标

发布时间:2023-07-25 02:04:04 作者:2000funinja 阅读量:4618

  小程序不通过转换成base64的方式实现,就要使用阿里字体图标。

  下载图标

  首先在阿里字体图标查找你所需要的图标,然后“添加入库”(类似加入购物车那种)添加至项目(没有项目选择新建项目)

  选择unicode,点击“查看在线链接”复制里面的代码

  点击“下载至本地”,解压压缩包编辑iconfont.css,将下面标注的内容替换为刚才复制的代码

  小程序中使用

  将修改后的iconfont.css里面的代码全部复制到微信小程序中需要用到的wxss文件中,

  界面(wxml)中引用:

  {{begindate}}//icon-begindate表示开始时间的图标

  {{enddate}}//icon-enddate表示结束时间的图标

  注:如何区分是哪个图标?可以在阿里图标“我的项目”中根据图标文字下面的&#后面的代码进行区分

***本网站图片,文字之类版权申明,因为网站可以由注册用户自行上传图片或文字,本网站无法鉴别所上传图片或文字的知识版权,如果侵犯,请及时通知我们,本网站将在第一时间及时删除。

我要评论

秒制作
Catfish(鲶鱼) Blog V 4.7.3