查看: 2519|回复: 5

表单加载前让body显示数据加载中请稍等和遮罩 [复制链接]

Aisin丿Gioro

中级会员

Rank: 3 Rank: 3

电梯直达

楼主

发表于 2017-12-19 09:49:05 |只看该作者 |倒序浏览

表单加载前让body显示数据加载中请稍等和遮罩，加载完成后去掉遮罩和加载中

收藏0

hjh1126123

注册会员

Rank: 2

沙发

发表于 2017-12-19 09:53:18 |只看该作者

function waitClick() {
      var messageid = mini.loading("Loading, Please wait ...", "Loading");
      setTimeout(function () {
         mini.hideMessageBox(messageid);
      }, 2500);
}

Aisin丿Gioro

中级会员

Rank: 3 Rank: 3

板凳

发表于 2017-12-19 09:56:09 |只看该作者

hjh1126123 发表于 2017-12-19 09:53
function waitClick() {
var messageid = mini.loading("Loading, Please wait ...", "Loading");
...

你这个不是实际加载完成的loading吧,我这个表单量比较大所以加载会挺长一段时间的。

felt

超级版主

Rank: 8 Rank: 8

地板

发表于 2017-12-19 10:25:03 |只看该作者

Aisin丿Gioro 发表于 2017-12-19 09:56
你这个不是实际加载完成的loading吧,我这个表单量比较大所以加载会挺长一段时间的。 ...

做不到的，这些遮罩也在解析中，只能显示空白
<body style="visibility:hidden;">

document.body.style.visibility = "visible";

Aisin丿Gioro

中级会员

Rank: 3 Rank: 3

5^#

发表于 2017-12-19 10:33:38 |只看该作者

felt 发表于 2017-12-19 10:25
做不到的，这些遮罩也在解析中，只能显示空白

oh my gad,我这个是做的那种弹出浏览器窗口的页面，没有用mini.open自带的那个loading。那这样的话怎么才能让页面一进来就加载loading，我试了好多
mini.mask({
            el: document.body,
            cls: 'mini-mask-loading',
            html: '加载中...'
         });
这个loading也是写在js中的，有没有在html的loading我想直接在页面加载然后等加载完成隐藏了

felt

超级版主

Rank: 8 Rank: 8

6^#

发表于 2017-12-19 12:45:47 |只看该作者

Aisin丿Gioro 发表于 2017-12-19 10:33
oh my gad,我这个是做的那种弹出浏览器窗口的页面，没有用mini.open自带的那个loading。那这样的话怎么才 ...

这些都必须等miniui加载完才会出来。而这时候已经过了很久了。只能空白来显示。

返回列表

		自动登录	找回密码
密码			立即注册