wx.showModal 把确认按钮改成红色
时间: 2023-02-11 08:55:37 浏览: 69
在小程序中,可以在 wx.showModal 的参数中添加 confirmColor 属性来设置确认按钮的颜色。例如:
```
wx.showModal({
title: '提示',
content: '确定要红色吗?',
confirmColor: '#ff0000',
success (res) {
if (res.confirm) {
console.log('用户点击确定')
} else if (res.cancel) {
console.log('用户点击取消')
}
}
})
```
这样就可以将确认按钮变成红色.
相关问题
wx.showModal 不要取消按钮
你可以通过设置 `showCancel` 参数为 `false` 来隐藏取消按钮。下面是一个示例代码:
```javascript
wx.showModal({
title: '提示',
content: '这是一个模态弹窗',
showCancel: false, // 设置为 false 隐藏取消按钮
success(res) {
if (res.confirm) {
console.log('用户点击确定')
}
}
})
```
这样设置后,弹窗将只显示确定按钮,取消按钮将不会显示。
wx.showModal不显示取消按钮?
如果 `wx.showModal` 函数不显示取消按钮,那么很有可能是因为你在调用该函数时只传入了一个按钮,而没有传入第二个按钮的配置。在 `wx.showModal` 函数的第二个参数中,你可以传入一个 `buttons` 数组,用于配置对话框中的按钮信息。该数组中每个元素都是一个对象,用于配置一个按钮的信息,包括按钮的文本、样式和操作。如果你只传入一个按钮,那么它会被默认设置为确认按钮。
下面是一个示例代码,展示了如何在 `wx.showModal` 函数中传入两个按钮的配置信息,从而同时显示确认按钮和取消按钮:
```
wx.showModal({
title: '提示',
content: '这是一个模态弹窗',
success(res) {
if (res.confirm) {
console.log('用户点击确定')
} else if (res.cancel) {
console.log('用户点击取消')
}
},
buttons: [{
text: '取消',
color: '#333333',
type: 'cancel'
}, {
text: '确定',
color: '#3CC51F',
type: 'confirm'
}]
})
```
在上面的代码中,我们在 `buttons` 数组中配置了两个按钮,一个是取消按钮,另一个是确认按钮。如果你在调用 `wx.showModal` 函数时传入了类似于上面的 `buttons` 数组,那么对话框就会同时显示确认按钮和取消按钮,用户可以根据需要选择操作。