更新记录

1.0.3(2022-01-15)

修复input,textarea层级穿透显示问题

1.0.2(2022-01-15)

1.修复小程序端有概率性滚动穿透 2.调整标题和图标上边距 3.调整了显示层级

查看更多

平台兼容性

Vue2 Vue3
×
App 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序 快应用
app-vue ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

Props

参数名 类型 默认值 说明
visible Boolean false 组件显示标识,支持sync修饰符
title String 标题,不写隐藏标题栏
radius String, Number 0 顶部圆角,支持百分比,数字,数字带单位,例如10%或30或'30px',默认单位rpx
maxHeight String, Number '75%' 弹窗最大高度,支持百分比,数字,数字带单位,超过此高度将出现滚动条
animaTime Number 0.2 弹窗动画时间,单位s,0关闭动画

Event

事件名 作用
@close 关闭弹窗触发
@reachBottom 内部滚动触底触发

Slot 匿名插槽

示例

<popupBottom   :visible.sync="popupVisible" title="标题"  radius="40 maxHeight="900"  @close="" @reachBottom="onPopupReachBottom">
    <view class="cot">内容</view>
</popupBottom>

app端滚动条穿透问题暂时无解,请在页面级别做限制,弹窗时候隐藏页面滚动

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问