介绍
在小程序里,使用阿里巴巴的图标,如下所示:
使用方式
- 搜索自己需要的图标,然后将需要用到的图标加入购物车,如下图所示:
- 去右上角,点击购物车按钮;这里第一次使用,会有三个提示,选择
添加至项目
即可。 然后选择新增按钮,新建项目名字。如下所示:
- 跳转到项目页面,选择
下载至本地
,如下所示:
- 将下载后的压缩包,解压缩,然后将名为
iconfont.css
的文件改名为iconfont.wxss
,再在小程序的项目里新增名为style
的文件夹,并在文件夹下,新增名为iconfont
的文件夹,并将压缩包里的所有文件复制到该文件夹下。如下所示:
- 点击阿里巴巴项目里的
unicode
选项,点击下面的生成代码,然后复制代码,将该代码复制到项目里,iconfont.wxss
配置中,进行替换,如下所示
- 在
app.wxss
中,导入刚刚的文件,如下所示
- 然后就可以在页面进行使用,使用方式如下所示,加上对应的icon名称即可
<text class="iconfont icon-xihuan"></text>