弹出层

基本使用

//从上方滑入
{
    data() {
        return {
            from: 'top',
            isShow: false
        };
    }
}
    <a-popup :is-show.sync="isShow" :from="from">
        <a-cell>正常</a-cell>
        <a-cell>困难</a-cell>
        <a-cell>地狱</a-cell>
        <div class="fill">
            <a-button type="primary" :is-block="true">开始游戏</a-button>
            <a-button :is-ghost="true" :is-block="true" @click="isShow=false" class="gutter-top">离开</a-button>
        </div>
    </a-popup>

API

props
参数说明类型默认值可选值是否必选
is-show是否显示Booleanfalse-
from动画进入方向Stringbottomtop left right bottom
width宽度, 只有from为left/right时生效String80%-
has-close是否有关闭按钮Booleanfalse-
events
名称说明参数参数类型
update:isShow显示/隐藏触发显示隐藏Boolean
after-dialog-leave内容区显示隐藏动画结束触发--
after-mask-leave遮罩层显示隐藏动画结束触发--
click-close点击关闭按钮--
中国移动
19:01:30
86%