在做项目的时候需要用到加载的动画，因为用到了 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://pwwzsj.com/article/digdoh.html