Modal 弹窗
即模态弹窗，对话框是一种临时窗口，通常在不想中断整体任务流程，但又需要为用户展示信息或获得用户响应时，在页面中打开一个对话框承载相应的信息及操作。
构成
Modal Title
The "planned commission" operation carries certain risks; it is advisable to read the user instructions before use and carefully verify the transaction data.
Checkbox
Secondary
Primary
1
5
2
3
4
1: 标题
可选，后方可带图标
2: 关闭按钮
可选
3: 正文
必有，当触发最大高度时，内容区内可滑动
4: checkbox
可选，可跟随内容区滚动
5: footer
可选，一般为button group
1: 标题
可选，后方带info
2: 关闭按钮
可选
3: 自定义区域
必有，业务根据需求传进具体内容（包括但不限于文字描述、表单、表格、步骤条、通知、筛选器等功能组件，或自定义模块卡片等自定义样式）
4: 正文
可选，可跟随内容区滑动
5: checkbox
可选，可跟随内容区滑动
6: footer
可选，一般为button group
7: 占位图
可选，默认为状态icon，根据需求变化，业务也可传自定义样式，当占位图开启时，顶部标题需隐藏
Modal Title
❖
Replace me
The "planned commission" operation carries certain risks; it is advisable to read the user instructions before use and carefully verify the transaction data.
Checkbox
Secondary
Primary
Modal Title
❖
Replace me
Secondary
Primary
Text Modal 纯文字弹窗：
Slot Modal 自定义弹窗：
1
2
3
4
6
7
5
使用场景
Modal Title
The "planned commission" operation carries certain risks; it is advisable to read the user instructions before use and carefully verify the transaction data.
Secondary
Primary
Modal Title
❖
Replace me
Secondary
Primary
类型说明：
何时使用 纯文字弹窗：
要求用户立即响应
通知用户紧急信息
确认用户决定
何时使用 自定义弹窗：
当纯文字无法支持需求所需的样式时
需要对功能功能介绍、引导、操作、反馈等
布局适配
Modal Title
The "planned commission" operation carries certain risks; it is advisable to read the user instructions before use and carefully verify the transaction data.
Secondary
Primary
24px
Modal Title
The "planned commission" operation carries certain risks; it is advisable to read the user instructions before use and carefully verify the transaction data.
Secondary
Primary
80%
Modal Title
The "planned commission" operation carries certain risks; it is advisable to read the user instructions before use and carefully verify the transaction data.The "planned commission" operation carries certain risks; it is advisable to read the user instructions before use and carefully verify the transaction data.The "planned commission" operation carries certain risks; it is advisable to read the user instructions before use and carefully verify the transaction data.The "planned commission" operation carries certain risks; it is advisable to read the user instructions before use and carefully verify the transaction data.The "planned commission" operation carries certain risks; it is advisable to read the user instructions before use and carefully verify the transaction data.The "planned commission" operation carries certain risks; it is advisable to read the user instructions before use and carefully verify the transaction data.The "planned commission" operation carries certain risks; it is advisable to read the user instructions before use and carefully verify the transaction data.The "planned commission" operation carries certain risks; it is advisable to read the user instructions before use and carefully verify the transaction data.
Secondary
Primary
Modal Title
❖
Replace me
Secondary
Primary
Modal Title
❖
Replace me
Secondary
Primary
类型说明：
弹窗默认布局在整个页面中居中展示
部分场景支持顶对齐，距离页面顶部24px
弹窗最大高度为页面高度的80%，超长后内容区竖向滚动，横向不可滚动
当屏宽小于768时，需自适应为H5样式，底部弹窗可手动下滑关闭，下拉高度小于弹窗高度一半，弹窗回弹不会关闭，下拉高度超过弹窗一半则直接关闭弹窗
