Skip to content

对话框

基本原则

模态对话框,需要用户处理事务,又不希望跳转页面以致打断工作流程时,可以使用对话框,在当前页面正中打开一个浮层,承载相应的操作。

基础样式

位置在浏览器展示区域左右、上下居中对齐

基本框架布局,对话框的左右边距,遇到图片通栏的情况,边距可以根据实际展示效果,去除边距设定

横向宽度:从宽度上共分三种尺寸宽度,分为小 480px、中 680px、大 1000px 三种,内容超过弹窗,弹窗里出滚动条

弹窗的内容适应高度,最大高度不可超过一屏, 根据各个屏幕分辨率的高度上下各留100px

弹窗内需要展示图片,支持左右、上下两种布局