在微信小程序中，可以使用icon组件来添加图标。要添加一个带图标的按钮，可以按照以下步骤进行操作：
1. 在你需要添加按钮的页面的json文件中，引入icon组件的自定义组件库。可以在`"usingComponents"`字段中添加以下代码：
```json
"usingComponents": {
"icon": "/path/to/icon/icon"
}
```
其中，`/path/to/icon/icon`是你所引入的icon组件的路径。
2. 在页面的wxml文件中，使用`<icon>`标签来表示图标。例如，如果你想要使用一个名为`"check"`的图标，可以这样写：
```html
<icon type="check" size="24"></icon>
```
其中，`type`属性表示要显示的图标类型，具体的图标类型可以参考对应的icon组件库文档。`size`属性表示图标的大小，单位为rpx。
3. 将`<icon>`标签放置在一个`<button>`标签内，即可实现一个带图标的按钮。示例代码如下：
```html
<button>
<icon type="check" size="24"></icon>
按钮文字
</button>
```
4. 根据需要，可以通过CSS样式来调整按钮以及图标的颜色、大小等样式属性。文章来源：https://www.toymoban.com/news/detail-519621.html
以上就是在微信小程序中添加图标icon的简单步骤。根据实际需求，你可以选择不同的图标类型和样式属性来满足设计需求。文章来源地址https://www.toymoban.com/news/detail-519621.html
到了这里，关于微信小程序的按钮怎么添加图标icon？的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
