" loading"标签下的所有文章

ionic2中页面加载loading效果的实现

2017/04/16ionic 标签:0

ionic是一个基于Angular、Cordova的一个开源框架,它提供了相关的UI库,ionic2中对ionic1进行了更多的优化,让ionic的运行速度,执行效率提高了不少。选择ionic开发web app是个不错的想法。下面就来说下ionic2中的loading效果的实现吧!本文使用TypeScript进行对ionic2的开发,如果不了解微软的TypeScript的,请自己google一下哦!

一、引入LoadingController

我们要使用LoadingController,就必须先引入它,直接使用下面的代码即可实现
import { LoadingController } from 'ionic-angular';
引入后,我们就需要在constructor中声明了,如下:
constructor(public loadingCtrl: LoadingController){
//........在这里执行loading效果或者设置loading的图标、css等
}
看上去是很简单哦,要使用这个loading,那么我们得先创建它。
1、创建create()
直接可以使用create方法,create方法中又包括了以下几个属性:
spinner(设置loading的SVG图片)
content(设置loading的提示文字或内容)
loadingSpinner(这个我暂时没有理解到底是做什么的) 阅读更多

jQuery顶部线条loading条LoadingBar.js

目前很多网站都可以看到这样的效果,在加载页面时,加载进度都是在浏览器的顶部,以下介绍下一个jQuery的插件LoadingBar.js,此插件显示的效果如下图: 阅读更多

share

AD