弹窗（aip-dialog）

弹窗组件，在当前页面呼出弹窗展示内容。

示例

<div aip-state="{showDialog: false}">
    <aip-checkbox
        value="1"
        label=""
        (click)="showDialog = true"
    >
    </aip-checkbox>
    <aip-dialog
        [show]="showDialog"
        show-close-btn
        mask-closable
        (close)="showDialog = false"
    >
        <div>标题</div>
        <div>正文</div>
    <aip-dialog>
</div>

支持的属性

属性名称	类型	默认值	必填	说明
type	string	modal	否	弹窗样式种类：modal 是悬浮弹窗，card 是半屏弹窗
show	boolean	false	是	是否展示弹窗的标志位
show-close-btn	boolean	false	否	是否展示关闭按钮的标志位，关闭按钮位置固定在弹层容器的右上角
mask-closable	boolean	false	否	点击外层区域是否可关闭的标志位
height	string		是	弹窗高度，由于弹窗外部不能滑动，建议高度不要超过屏幕高度，否则弹窗会被遮挡
width	string		是	弹窗宽度，半屏弹窗的情况下是 100%

插槽（slot）

属性名称	默认值	必填	说明
default	-	否	默认 slot，渲染弹窗主体内容，由于此处原生渲染不支持横向滑动，所以不建议 slot 内容超过屏幕宽度