wx.showModal 上层加按钮

wx.showModal 是微信小程序中用于展示模态对话框的API，它允许开发者在页面上弹出具有确定和取消按钮的对话框，通常用于询问用户的选择或进行简单操作确认。在小程序的wxml页面中，你不能直接添加按钮到wx.showModal弹出的对话框上层，因为wx.showModal创建的对话框是系统级的，不是普通的页面元素，它会覆盖整个页面内容，不允许在其上层添加其他UI元素。

如果你需要在wx.showModal弹出的对话框上层显示额外的按钮，你可以考虑在调用wx.showModal之前就在页面布局中放置按钮，然后通过按钮的点击事件来触发wx.showModal弹框。这样用户点击按钮时会看到模态对话框，并且按钮仍然显示在对话框的下方。

以下是使用wx.showModal并结合页面按钮的示例代码：

// 在页面的某个按钮点击事件中调用
const that = this;
wx.showModal({
  title: '提示',
  content: '这是一个模态对话框',
  showCancel: true,
  cancelText: '取消',
  cancelColor: '#000',
  confirmText: '确定',
  confirmColor: '#1aad19',
  success(res) {
    if (res.confirm) {
      console.log('用户点击了确定');
    } else if (res.cancel) {
      console.log('用户点击了取消');
    }
  },
  fail() {
    console.error('调用失败');
  }
});

在wxml中放置按钮：

<button bindtap="showModal">显示模态对话框</button>

在wxss中设置按钮样式：

button {
  /* 样式代码 */
}