Skip to content

基础使用

使用 show 绑定显示状态。
遮罩层点后后会提交一个 close 事件,需自行处理关闭逻辑将 show 设置为 false 以关闭遮罩层。

vue
<hi-overlay :show="isShow"></hi-overlay>

嵌入内容

通过默认的 slot 插入内容。
通过 align 设置内容的位置。可选的值有:left-top | left-center | left-bottom | center-top | center-center | center-bottom | right-top | right-center | right-bottom
提示:嵌入的内容需要设置 @tap.stop 阻止冒泡触发 close 事件。

vue
<hi-overlay :show="isShow" align="center-bottom">
    <view class="content" @tap.stop></view>
</hi-overlay>

Props

参数说明类型默认值可选值
show显示状态Booleanfalse-
align内容的布局位置Stringcenter-centerleft-topleft-centerleft-bottomcenter-topcenter-centercenter-bottomright-topright-centerright-bottom

Events

事件名说明回调参数
@close关闭事件-

Slots

名称说明
#default内容插槽