Framewrok7 - 预加载提示模态框(Preloader Modal)
作者：hangge | 2016-08-23 09:07
在前文：Framework7 - 加载指示符（Preloader）使用说明中。介绍了加载提示符（Preloader）的使用。但有时只显示个 Preloader 会略显单调，如果能同时有提示信息就好了。这个我们可以借助预加载 Modal (Preloader Modal)来实现。
1，预加载Modal介绍
3，预加载Modal的使用（自定义标题）
除了在 Framework7 初始化的时候统一修改标题文字外，我也可以在每次使用预加载Modal时单独设置标题。
1，预加载Modal介绍
（1）预加载Modal 可以看作是里面包含有加载指示符（Preloader），以及相关 title 的模态框。
（2）其作用一是用来提示一些后台活动（像 Ajax 请求）。二来阻止在这个活动期间的任何用户操作。
2，预加载Modal的使用（默认标题）
如果使用使不指定 title，则会显示默认标题。默认标题为“Loading”，可以在 App 初始化的时候修改设置。参考我之前的文章：Framework7 - 修改模态框默认文字（标题、确认|取消按钮、登录框提示）
$$('.open-preloader').on('click', function () {
myApp.showPreloader();
setTimeout(function () {
myApp.hidePreloader();
}, 2000);
});
3，预加载Modal的使用（自定义标题）
除了在 Framework7 初始化的时候统一修改标题文字外，我也可以在每次使用预加载Modal时单独设置标题。
$$('.open-preloader-title').on('click', function () {
myApp.showPreloader('正在上传照片...')
setTimeout(function () {
myApp.hidePreloader();
}, 2000);
});
全部评论（0）