Vant3 的 Icon 图标组件用于展示图标，提供了一系列常用的图标。以下是一些关于 Vant3 Icon 图标的基本用法和示例：

基本用法：


上述代码中，name 属性指定了要显示的图标的名称，这里是 "heart"。Vant3 提供了丰富的内置图标，你可以在官方文档中找到完整的图标列表。

自定义颜色和大小：


通过设置 color 属性可以改变图标的颜色，通过 size 属性可以改变图标的大小。

使用自定义图标字体：


通过设置 custom-class 属性，你可以使用自定义的图标字体。

图标点击事件：




上述代码中，通过在  上监听 click 事件，你可以处理图标的点击事件。

以上是一些 Vant3 Icon 图标组件的基本用法。查阅 Vant3 的官方文档能够获取更详细的信息、内置图标列表和示例代码：[Vant3 Icon 图标文档](https://vant-contrib.gitee.io/vant/v3/#/zh-CN/icon)。

转载请注明出处：http://www.zyzy.cn/article/detail/220/Vant3