fes.js/packages/fes-doc/docs/ui/modal.md

pageClass
comp-page-class

Modal 模态框

概述

主要用于在不跳转页面的前提下，在当前流程里面展示部分内容，可以是表单可以是一大段描述。

代码示例

显示弹窗 北京市 上海市 深圳市 杭州市 南京市 重庆市 apple android github apple android github 关 开 提交

最基本的模态框

按下Esc、按下关闭按钮、点击Modal之外的区域均可以关闭Modal

显示弹窗 我是内容，我是内容

设置canFullScreen为true，显示全屏控制Icon

显示弹窗

我是内容，我是内容

超出屏幕高的模态框显示时，可以滚动查看

显示弹窗 我是内容，我是内容

设置beforeClose，在关闭前执行，通过执行结果判断是否关闭模态框

API

通过组件实例的show方法显示模态框

this.$refs.modal.show()

Props

属性	说明	类型	默认值
title	主标题	String	null
subTitle	副标题	String	null
width	模态框的宽度	Number	400
closeOnClickShadow	点击背景是否关闭modal	Boolean	true
canFullScreen	是否显示全屏按钮	Boolean	false
disableEsc	是否禁止使用ESC关闭模态框	Boolean	false
beforeClose	关闭前执行的函数，必须返回promise	Function	null

Events

事件名	说明	返回值
on-close	关闭模态框时触发	() => void
on-scroll	滚动模态框时触发	(event) => void