微信小程序添加icon图标教程
好!让我们一步一步地来讲解如何在微信小程序中添加图标。
第一步:了解官方自带的 icon
微信小程序提供了许多预设的 icon,可以直接使用。这些 icon 分类如下:
* success* warn* info* error* cancel* loading* checkmark* close你可以在 [ 查看所有的 icon。
第二步:使用官方自带的 icon
要使用官方自带的 icon,只需要在你的小程序中引入 `icon` 组件,然后设置 `type` 属性即可。例如:
```html
```
在这个例子中,我们使用了 `success` 类型的 icon,大小为64px。
第三步:自定义添加 icon
如果官方自带的 icon 不足以满足你的需求,你可以自定义添加 icon。要做到这一点,你需要:
1. 在你的小程序中引入一个图片资源(例如:png、jpg 等)。
2. 使用 `image` 组件来显示这个图片。
例如:
```html
```
或者:
```html