# Popup 底部弹出层

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

### 引入

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

## 代码演示

### 基础用法
通过 `show` 控制弹出层是否展示。
```html
<y-popup :show.sync="tipsShow">
    <div>弹窗内容</div>
</y-popup>
```
### 关闭图标
组件默认在弹窗显示关闭图标，可通过`disable-btn-close`隐藏此图标。
```html
<y-popup :show.sync="tipsShow" disable-btn-close>
    <div>弹窗内容</div>
</y-popup>
```
### 圆角弹窗
设置 `is-round` 属性后，弹窗会根据弹出位置添加不同的圆角样式。
```html
<y-popup :show.sync="tipsShow" is-round>
    <div>弹窗内容</div>
</y-popup>
```
## API

### Props

| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| show | 是否显示弹窗 | _boolean_ | --- |
| title | 弹窗标题 | _string_ | --- |
| z-index | 弹窗层级 | _number_ | --- |
| is-round | 是否圆角弹窗 | _boolean_ | false |
| disable-click-overload | 允许点击遮罩层关闭弹窗 | _boolean_ | true |
| disable-btn-close | 是否显示关闭弹窗图标 | _boolean_ | true |
| background | 弹窗背景色 | _string_ | --- |