EPopup 表示浮出框,跟 EDialog 不一样,它在视觉上不是独占式的,不会有蒙层。它也是脱离文档流,全局定位。它一般会放置在某个组件(元素)内,组件(DOM)提供了浮出框的定位基准信息,该组件被称为锚点元素。

# placement

placement 表示在锚点元素的哪个位置展开浮出框。下面示例里,锚点元素都是 EButton(即按钮)。

#EDialog 组件联动

在浮层中打开对话框,浮层将自动消失。

# 浮层偏移量设置

设置 offset 属性,来控制浮层位置得偏移量。

# 浮层箭头设置

showArrow 属性接收两种类型的值 Boolean | ObjectBoolean 值用于控制是否显示箭头,Object值用于自定义箭头的大小、颜色;如果想要镂空边框,还可以额外传入 {innerColor, innerSize}

# EPopup

# Props

Name Description Type Required Default
visible 是否显示 Boolean false -
placement 在锚点元素的哪个位置展示,支持 12 个位置:top-left, top, top-right, bottom-left, bottom, bottom-right, left-top, left, left-bottom, right-top, right, right-bottom String false bottom-left
anchorClick 是否默认注册锚点的 click 事件,显示 popup。否则只能通过 visible 来控制显隐。 Boolean false true
fit 是否跟锚点元素的宽度一致 Boolean false -
offset 与锚点的间距,两段式,分别代表锚点元素在 Y、X 轴上的扩充半径。 String false -
lazy 是否延迟加载,延迟加载时,子组件不会被创建、渲染。 Boolean false true
showArrow 是否显示箭头,还可以定制化箭头的大小、颜色,此时传入一个对象 {color, size}。如果想要镂空边框,还可以额外传入 {innerColor, innerSize} Boolean / Object false -

# Slots

Name Description Default Slot Content
default - -