uniapp 修改uni.showModal在app中样式

在UniApp中，如果你想要修改`uni.showModal()`组件在应用程序中的默认样式，你可以自定义主题或者直接在项目的`uni.scss`或`.css`文件中覆盖原样式。以下是一些步骤：

1. **全局自定义主题**:
- 首先，在`uni-app.config.js`中配置自定义主题：

     // uni-app.config.js
     export default {
       // 其他配置项...
       theme: {
         custom: true,
         color: '#fff', // 主题色
         primaryColor: '#007aff', // 主色调
         // ...其他主题变量配置
       },
     };

- 然后，在`uni.scss`中可以修改模态框相关的样式。

2. **局部覆盖样式**:
- 直接在需要的地方导入`uni-modals.css`（如果项目中有此文件，一般在`@/style`目录下），然后添加你的样式：

     @import '@/style/uni-modals';
     
     .custom-modal {
       background-color: #your-desired-color;
       padding: 20px; /* 你可以调整任意你想修改的样式 */
     }

- 调用`showModal`时，加上自定义类名：

     uni.showModal({
       title: 'Custom Modal',
       content: 'Your message...',
       className: 'custom-modal', // 添加自定义类名
     });

记住，每次更新或打包应用时，都要检查主题和样式是否生效，因为它们可能需要在`uni-app-inspector`中同步到真实设备上查看效果。