ionic加载动画—ion-spinner-创新互联

在做项目的时候需要用到加载的动画,因为用到了 ionic 这个框架,框架里面的ionSpinner 提供了许多种旋转加载的动画图标。当你的界面加载时,你就可以呈现给用户相应的加载图标。根据自己的项目需求选择一个合适的就可以了,下面是加载动画的部分效果,如图所示:

公司主营业务:成都网站建设、成都网站设计、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。成都创新互联公司是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。成都创新互联公司推出当涂免费做网站回馈大家。

ionic 加载动画 — ion-spinner该图标采用的是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