微信小程序中如何设置button的颜色？

在微信小程序中，可以通过设置`button-color`样式属性来改变按钮的颜色。具体操作如下：

1. 首先，在页面的`json`文件中定义一个`button-color`样式属性，例如：

```json

{

"usingComponents": {},

"navigationBarBackgroundColor": "#fff",

"navigationBarTextStyle": "black",

"backgroundColor": "#fff",

"backgroundTextStyle": "dark",

"backgroundPositionHorizontal": "",

"backgroundPositionVertical": "",

"backgroundSize": "auto",

"backgroundContentFill": "none",

"data-style": {

"button-color": "#FF0000"

},

"globalStyle": {

"navigationBarTitleText": {

"fontSize": "36px",

"fontWeight": "bold"

},

"navigationBarTextStyle": {

"fontSize": "28px"

}

}

}

```

2. 然后，在需要设置按钮颜色的页面中，添加一个`button`组件，并设置`button-color`样式属性为所需的颜色。例如，要设置按钮为红色，可以这样写：

```html

点击我

```

3. 最后，在页面的`js`文件中，可以通过`this.setData`方法更新`data-style`中的`button-color`值，从而改变按钮颜色。例如：

```javascript

Page({

data: {

buttonColor: '#FF0000' // 默认为红色

},

setButtonColor: function(e) {

this.setData({

buttonColor: e.detail.value

});

}

});

```

通过以上步骤，即可实现在微信小程序中设置按钮颜色的功能。