uview dialog

### uView Dialog 组件使用指南

#### 1. 基本介绍
uView 是基于 UniApp 开发的 UI 框架，提供了丰富的组件库来简化开发流程。Dialog 对话框组件用于显示模态窗口，在用户交互过程中提供提示或确认操作。

#### 2. 安装与引入
为了使用 uView 的 Dialog 组件，需先安装并配置好 uView 库[^1]：

// main.js 中全局注册 uView
import uView from 'uview-ui';
Vue.use(uView);

#### 3. 基础用法
最简单的调用方式是通过 `uni.$u.modal()` 方法快速创建一个对话框实例:

uni.$u.modal({
    title: '温馨提示',
    content: '这是一条普通的提示信息'
});

也可以直接在页面模板中声明式地定义 Dialog 组件:

<u-modal :show="isShow" @confirm="handleConfirm"></u-modal>

其中 `isShow` 控制着对话框是否可见，而事件处理器可以用来处理用户的点击行为。

#### 4. 配置项说明
支持多种自定义选项来自由调整样式和功能，比如设置宽度、高度、背景颜色等属性:
- **title**: 设置标题文字，默认为空字符串；
- **content**: 主体内容区域的文字描述；
- **cancelText/confirmText**: 取消按钮和确定按钮上的文案；
- **closeOnClickOverlay**: 是否允许点击遮罩层关闭弹窗；

对于特殊场景下的需求，还可以利用插槽(slot)机制实现更灵活的内容布局。

#### 5. 注意事项
需要注意的是，由于 dialog 实际上是一个独立 window，其默认情况下不会继承父级容器的一些样式特性，因此如果遇到显示异常的情况（如尺寸不合适），可能是因为当前使用的 window 并未被正确配置为全屏模式[^2]。