uupoop官方下载(小程序中使用自定义Icon)

小程序原生提供的icon非常有限,大多数情况都需要我们自定义实现。

通常我们会去阿里巴巴的iconfont.cn网站下载自己需要的icon,然后放入小程序中使用。如果找不到满意的,也可以自己绘制svg文件。

从iconfont下载选择图标,加入项目


生成代码


复制代码,放到小程序文件中



content填上图标的unicode编码。这个编码在网站页面上可以看到。


uupoop

在wxml中使用


效果


红色是我们设置的color,可以设置。


自己制作svg

如果我们对找到的图标都不满意,可以自己设计一个。

推荐一个网站【在线PS软件】在线PS图片(照片)处理工具_在线制作编辑图片ps精简版 (uupoop.com)

不需要安装photoshop,直接在线编辑,完全免费。

比如上面的hide图片。

编辑svg图片

将上面的hide图片下载svg格式到本地。

然后在uupoop网站打开编辑。


然后下载新的svg

上传新的icon至iconfont网站


因为我们更新了icon,网站会要求我们重新生成下代码


重新复制代码到小程序中


看到新制作的图标已经显示出来了。

您可以还会对下面的文章感兴趣

使用微信扫描二维码后

点击右上角发送给好友