# PopupMiddle 弹出层

### 介绍
弹出层容器，位于屏幕中心，用于展示弹窗、信息提示等内容，支持多个弹出层叠加展示。

### 引入

```js
import yPopupMiddle from "yesaway-wui/src/components/yPopupMiddle";
```

## 代码演示

### 基础用法
通过 `show` 控制弹出层是否展示。
```html
<y-popup-middle :show.sync="tipsShow">
    <div>弹窗内容</div>
</y-popup-middle>
```
### 关闭图标
组件默认在弹窗显示关闭图标，可通过`dis-close`隐藏此图标。
```html
<y-popup-middle :show.sync="tipsShow" disable-btn-close>
    <div>弹窗内容</div>
</y-popup-middle>
```

## API

### Props

| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| show | 是否显示弹窗 | _boolean_ | --- |
| style-str | 额外样式 | _string_ | --- |
| z-index | 弹窗层级 | _number_ | --- |
| dis-close | 隐藏关闭按钮 | _boolean_ | false |
| dis-auto-hide | 不允许点击遮罩层关闭弹窗 | _boolean_ | false |