<#def title = "加载对话框"/> <#def keyword = "ZhiqimUI"/> <#def desc = "加载对话框是自定义对话框的一种没有标题只有加载中提示的对话框。目标是在屏幕或用户指定的元素可视范围的中间提供没有警告声音且美观的加载对话框,支持设置九个参数来定义加载中界面,无关闭按钮,由业务实现关闭。"/> <#def prevUrl = "prompt.htm"/> <#def nextUrl = "tips.htm"/> ${zhiqim_com_head()} ${zhiqim_com_head_main()} ${zhiqim_com_head_end()} ${zhiqim_com_mobileUI_scrollJs()} ${zhiqim_com_body()} ${zhiqim_com_topnav("ui")}
${zhiqim_com_container_ui("ZmUI", "dialog", "loading")}
${zhiqim_com_breadcrumb("UI", "ZmUI", "对话框", "加载对话框")}
<#-- 标题 -->

加载对话框:

加载对话框是自定义对话框的一种没有标题只有加载中提示的对话框。目标是在屏幕或用户指定的元素可视范围的中间提供没有警告声音且美观的加载对话框,支持设置九个参数来定义加载中界面,无关闭按钮,由业务实现关闭。

<#-- 一、弹出全屏加载器,无遮罩层 -->
一、弹出全屏加载器,无遮罩层
1、在全屏的中间显示一个正在加载的对话框
2、无遮罩层
<#-- 二、弹出全屏加载器,有遮罩层 -->
二、弹出全屏加载器,有遮罩层
1、在全屏的中间显示一个正在加载的对话框
2、全屏遮罩,不允许操作
<#-- 三、弹出全屏加载器,指定区域加载器 -->
三、弹出全屏加载器,指定区域加载器
1、指定位置遮罩,超出屏幕情况,遮罩目标,不允许操作
2、在可视中间显示正在加载的对话框
<#-- 四、弹出全屏加载器,指定区域加载器,超出屏幕情况 -->
四、弹出全屏加载器,指定区域加载器,超出屏幕情况
1、指定位置遮罩,超出屏幕情况,遮罩目标,不允许操作
2、在可视中间显示正在加载的对话框
<#-- 加载对话框参数说明 -->
加载对话框参数说明(混合参数九个)
参数 说明
混合参数
param.radius {radius:"z-bd-rd5"} 圆角,默认5像素
param.background {background:"#fff"} 背景颜色,默认白色
param.text {text:"正在加载..."} 加载中提示文本
param.target {target:document} 遮罩目标,默认document
param.position 未配置默认居中 目标位置,参见自定义对话框位置说明
param.shadow {shadow:false} 是否显示遮罩层
param.borderColor {borderColor:"#d8d8d8"} 边框颜色,默认"#d8d8d8"
param.width {width:150} 加载框宽度
param.height {height:50} 加载框高度
${zhiqim_turorial_ZmUI_demo_start()}
ZhiqimUI.mobile
这里是内容
${zhiqim_turorial_ZmUI_demo_end()}
${zhiqim_com_chapter()}
${zhiqim_com_footer()}