怎么更改uni.showModal的样式

要更改 `uni.showModal` 的样式，你可以使用 `uni.showModal` 的 `complete` 回调函数来实现自定义样式。以下是一个示例代码：

uni.showModal({
  title: '提示',
  content: '这是一个模态弹窗',
  success: function (res) {
    if (res.confirm) {
      console.log('用户点击确定');
    } else if (res.cancel) {
      console.log('用户点击取消');
    }
  },
  complete: function () {
    // 在模态弹窗关闭后执行的回调函数
    // 这里可以进行样式的修改
    var modal = document.querySelector('.uni-modal');
    var mask = document.querySelector('.uni-modal-mask');
    var content = document.querySelector('.uni-modal-content');
    
    modal.style.width = '80%'; // 设置宽度为80%
    mask.style.backgroundColor = 'rgba(0, 0, 0, 0.5)'; // 设置遮罩的背景颜色为半透明黑色
    content.style.padding = '20px'; // 设置内容区域的内边距为20px
  }
});

在 `complete` 回调函数中，你可以通过获取相应的 DOM 元素，然后使用 JavaScript 来修改它们的样式。在上面的例子中，我们获取了模态弹窗的容器元素 `.uni-modal`、遮罩元素 `.uni-modal-mask` 和内容区域元素 `.uni-modal-content`，并通过设置它们的样式来实现自定义样式。

请注意，这种方式可能会因为不同的小程序平台而有所差异，具体的样式修改方式可能会有所不同。你可以根据自己的需求和平台的特点进行相应的调整。