Popup

基础弹出层组件，支持普通与模态浮层。

Popup 继承了 Overlay，可使用其中属性和方法。

配置说明

hasMask boolean

是否有背景遮罩层。

maskBackgroundColor string

设置遮罩背景颜色。

maskBackgroundOpacity number

设置遮罩透明度。

width string|number

默认宽度。

height string|number

默认高度。

zIndex number

zIndex。

autofocus boolean

是否支持自动聚焦。

align object

默认定位左右居中，略微靠上。

方法说明

focus()

浮层获取焦点，如果设置 autofocus 属性为 true，则聚焦带有 autofocus 的元素。

blur()

让浮层失去焦点。将焦点退还给之前的元素，照顾视力障碍用户。

最佳实践

var Popup = FNX.include('popup/popup');

var popup = new Popup({
    template: '<div class="popup"></div>',
    width: 500,
    height: 200,
    zIndex: 99,
    style: {
        background: 'yellow',
        color: 'green'
    }
});


// 显示元素
popup.show();

// 聚焦元素
popup.focus();

// 失焦元素
popup.blur();

// 非只读属性都可以通过 set 方法进行更新
popup.set('width', 500);

示例