小程序自定义左上角按钮
时间: 2023-07-30 14:12:03 浏览: 190
自定义按钮
如果你想在小程序页面中自定义左上角按钮,可以使用`wx.setNavigationBarColor()`方法,该方法可以设置导航栏颜色和文字颜色,并且可以设置一个自定义的返回按钮。具体步骤如下:
1. 在app.json中设置导航栏背景色和文字颜色:
```json
{
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black"
}
```
2. 在页面的onLoad函数中调用`wx.setNavigationBarColor()`方法,设置导航栏颜色和自定义返回按钮:
```javascript
wx.setNavigationBarColor({
frontColor: '#ffffff',
backgroundColor: '#007aff',
success: function () {
console.log('导航栏颜色设置成功')
},
fail: function (err) {
console.log(err)
}
})
```
其中,`frontColor`为返回按钮和标题的颜色,`backgroundColor`为导航栏的背景色。设置成功后,你就可以在小程序页面中看到自定义的左上角按钮了。
阅读全文