微信小程序添加icon图标教程

9

微信小程序添加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

小程序微信小程序小程序前端

版权声明:除非特别标注,否则均为网络文章,侵权请联系站长删除。

上一篇 微信小程序——好看的文字加输入框(文本框)

下一篇 微信小程序-for循环