您当前的位置: 首页 > 知识百科 > 微信小程序图标字体怎么使用?

微信小程序图标字体怎么使用?

时间:2023-07-01 14:05 阅读数:106 人阅读 分类:知识百科

  为了让微信小程序最终的呈现效果更佳美观,让用户的小程序使用体验大大提高,开发者在开发过程中会用到一些小图标,那么微信小程序图标字体怎么使用呢?以下是具体步骤:

  下载图标

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

  

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

  

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

  

  微信小程序中使用

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

  

  小程序界面(wxml)中引用:

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

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

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

  

  看完以上资料,大家都学会使用微信小程序图标字体了吗?其实操作起来还挺简单的,就算没有小程序开发技术也可以试试看,应该很容易成功。想要获取更多相关资料请关注微信小程序商店。

  

  微信小程序图标插件开发代码

  微信小程序地图标记功能怎么弄?

  如何删除微信小程序界面图标?