Skip to content

c-popup 底部弹窗

c-popup 是一个基于 uView 的底部弹窗组件,常用于底部弹出选择、展示信息等场景。

基础用法

vue
<template>
  <c-popup v-model="show" title="标题">
    <view>内容区域</view>
  </c-popup>
</template>

<script>
export default {
  data() {
    return {
      show: false
    }
  }
}
</script>

Props

参数说明类型默认值
value / v-model是否显示弹窗Booleanfalse
showTitle是否显示标题栏Booleantrue
title标题内容String''
minHeight最小高度String'50vh'
maxHeight最大高度String'80vh'
closeOnClickOverlay点击遮罩是否关闭Booleantrue
safeArea是否开启底部安全区适配Booleantrue
zIndex弹窗层级String'888'

Events

事件名说明回调参数
open弹窗打开时触发-
close弹窗关闭时触发-

Slots

插槽名说明
default弹窗主体内容
footer底部区域(可选)

Methods

方法名说明参数
open打开弹窗-
close关闭弹窗-