zoukankan      html  css  js  c++  java
  • 微信小程序中使用阿里字体图标

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

    为了美化微信小程序,可以适当的使用一些小图标,这样体验也更友好些,于是决定使用常用的字体图标。

    下载图标

    首先在阿里字体图标查找你所需要的图标,然后“添加入库”(类似加入购物车那种)添加至项目(没有项目选择新建项目)查找图标
    选择unicode,点击“查看在线链接”复制里面的代码
    查看在线链接
    点击“下载至本地”,解压压缩包编辑iconfont.css,将下面标注的内容替换为刚才复制的代码
    iconfont.css

    微信小程序中使用

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

    <text class="iconfont icon-begindate">{{begindate}}</text>//icon-begindate表示开始时间的图标
    <text class="iconfont icon-enddate">{{enddate}}</text>//icon-enddate表示结束时间的图标

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

    http://huangxiutao.cn
  • 相关阅读:
    Spring 基于构造函数的依赖注入
    SpringMVC后台接受前台传值的方法
    Spring--jar包
    Ubuntu扩展磁盘空间
    在VScode中运行C/C++
    一个好用的C语言操作
    Python下载超快
    Python多线程
    C语言回调函数
    VScode中运行python
  • 原文地址:https://www.cnblogs.com/ss0xt/p/8569783.html
Copyright © 2011-2022 走看看