ionic加载动画—ion-spinner-创新互联
在做项目的时候需要用到加载的动画,因为用到了 ionic 这个框架,框架里面的ionSpinner 提供了许多种旋转加载的动画图标。当你的界面加载时,你就可以呈现给用户相应的加载图标。根据自己的项目需求选择一个合适的就可以了,下面是加载动画的部分效果,如图所示:
公司主营业务:成都网站建设、成都网站设计、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。成都创新互联公司是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。成都创新互联公司推出当涂免费做网站回馈大家。该图标采用的是SVG。
用法
//默认用法
像大部分其他的ionic组件一样,spinner也可以使用ionic的标准颜色命名规则,就像下面这样:
HTML 代码
CSS 代码
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;}
JavaScript 代码
angular.module('ionicApp', ['ionic']).controller('MyCtrl', function($scope) { });
==================================
小月博客
demo下载地址: http://www.aliyue.net
注: 打开请搜索ionic 找到你要下载的demo
==================================
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
分享文章:ionic加载动画—ion-spinner-创新互联
转载源于:http://scyanting.com/article/digdoh.html