在做项目的时候需要用到加载的动画,因为用到了 ionic 这个框架,框架里面的ionSpinner 提供了许多种旋转加载的动画图标。当你的界面加载时,你就可以呈现给用户相应的加载图标。根据自己的项目需求选择一个合适的就可以了,下面是加载动画的部分效果,如图所示:
该图标采用的是SVG。
//默认用法
像大部分其他的ionic组件一样,spinner也可以使用ionic的标准颜色命名规则,就像下面这样:
body { cursor: url('http://www.runob.com/try/demo_source/finger.png'), auto;} p { text-align: center; margin-bottom: 40px !important;}.spinner svg { width: 19% !important; height: 85px !important;}
angular.module('ionicApp', ['ionic']).controller('MyCtrl', function($scope) { });
==================================
小月博客
demo下载地址: http://www.aliyue.net
注: 打开请搜索ionic 找到你要下载的demo
==================================
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。