Skip to content

Popup弹出框 ​

介绍 ​

弹出层容器,用于展示弹窗、信息提示等内容,当前仅支持底部弹出。

按需引入 ​

将components目录下easy-popup组件复制到你的项目conponents目录即可。

代码演示 ​

基础用法 ​

通过 v-model:show 控制弹出层是否展示。

<easy-popup v-model:show="show">内容</easy-popup>
<easy-popup v-model:show="show">内容</easy-popup>

设置弹窗高度 ​

通过 height 控制弹出层高度,默认为50%。

<easy-popup v-model:show="show" height="70%">内容</easy-popup>
<easy-popup v-model:show="show" height="70%">内容</easy-popup>

API ​

Props ​

参数说明类型默认值
v-model:show是否显示弹出层booleanfalse
height弹出层高度string50%

Released under the MIT License.