小程序怎么用阿里图库(可改变颜色)

由于刚接触小程序;UI没有到位,想用矢量图,废话少说,自己来撸字体图标。

先登录自己的阿里图标账号库 点击打开链接

然后添加自己要用的图标:

小程序怎么用阿里图库(可改变颜色)_第1张图片

可以自己建立整个项目中用的图标        

小程序怎么用阿里图库(可改变颜色)_第2张图片

选择下载

小程序怎么用阿里图库(可改变颜色)_第3张图片

把下载中需要的eot,ttf,woff,css后缀的文件放置到新建的font文件夹中,css后缀改成wxss小程序识别样式后缀,引入到你的页面中;

   小程序怎么用阿里图库(可改变颜色)_第4张图片

如下:

小程序怎么用阿里图库(可改变颜色)_第5张图片


类如下:

小程序怎么用阿里图库(可改变颜色)_第6张图片

引入类如下:

小程序怎么用阿里图库(可改变颜色)_第7张图片


书写HTML运用如下:

小程序怎么用阿里图库(可改变颜色)_第8张图片

你可能感兴趣的:(小程序,icon,阿里库)