uni-popup怎么自定义样式

你可以使用 CSS 样式文件来自定义 uni-popup 组件的样式。在使用 uni-popup 组件时，我们可以在 options 中传入一个 style 属性，然后在这个 style 属性中设置各种 CSS 样式，如下所示：

uni.showModal({
 title: '提示',
 content: '这是一个模态弹窗',
 success: function(res) {
   if (res.confirm) {
     console.log('用户点击了确定');
   } else if (res.cancel) {
     console.log('用户点击了取消');
   }
 },
 style: {
   mask: "rgba(0,0,0,0.8)",
   "header-title": "color: red; font-size: 18px;",
   "content-text": "color: #333333;",
   "footer-button-confirm": "color: #ffffff; background-color: #007aff;",
   "footer-button-cancel": "color: #007aff;"
 }
});

在上述示例中，mask 表示遮罩层的样式，header-title 表示弹窗标题的样式，content-text 表示内容文本的样式，footer-button-confirm 和 footer-button-cancel 分别表示确认按钮和取消按钮的样式。你可以根据自己的需要设置这些样式。同样的方法也可以用于自定义其它组件样式。