# gg-max-modal 模态弹窗 - 全屏
gg-max-modal
全屏过度弹入弹出
app中兼容性不是很好,无法遮挡导航栏、状态栏、tabBar菜单;
在 script
中引用组件
若使用uni-app的
easycom
引入方式,则无需在script
中重复引用
import ggMaxModal from '@/components/gg-max-modal/gg-max-modal.vue'
export default {
components: {ggMaxModal}
}
1
2
3
4
2
3
4
在 template
中使用组件
<gg-max-modal :show="show" @confirm="onConfirm">
<!-- 全屏弹窗内容 -->
</gg-max-modal>
1
2
3
2
3
# 属性说明
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
show | Boolean | false | 是否显示弹窗 |
# 事件说明
事件名 | 说明 | 返回值 |
---|---|---|
confirm | 监听点击确定或取消按钮 | Bollean |