固定尺寸
width、height 可分别设置,数字按 px 处理,也可传 CSS 长度。超出视口时自动收紧,内容增加时在弹窗内滚动。
标题区域调试
临时用颜色标识标题各层,45° 交替渐变背景可观察文字移动;可关闭后对比正常效果。
开启
蓝:标题栏紫:标题容器橙:标题本身绿:滚动视口玫红交替渐变:实际文字黄色交替渐变:循环副本
常规标题
打开时标题显示在左上方,向下滚动后自动移到顶部中间,回到顶部恢复原位。可在示例中滚动观察标题的位置变化,或打开超长标题示例查看文字的渐变裁切。
顶部隐藏标题
打开时隐藏顶部标题,内容更靠上;标题始终保持常规弹窗滚动后的居中位置,向下滚动后显示,回到顶部再次隐藏。关闭按钮始终保留,适合正文已经包含标题的资源详情。超长标题示例可查看滚动后文字的渐变裁切。
始终隐藏标题
始终隐藏顶部标题栏,滚动时也不显示。适合确认弹窗,在内容区说明将执行的操作,并提供取消与确认按钮。需要特别留意的操作使用红色确认按钮。这些示例只更新本页提示。
关闭前确认
内容有未保存的修改时,关闭弹窗会再次确认。选择取消可继续编辑,选择确认则放弃修改并关闭。