BootWiki教程网
源代码:
点击运行
<html ng-app="ionicApp"> <head> <meta charset="utf-8"> <meta content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width" name="viewport"> <title>BootWiki 教程网</title> <link href="//cdn.staticfile.net/ionic/1.3.2/css/ionic.css" rel="stylesheet"> <script src="//cdn.staticfile.net/ionic/1.3.2/js/ionic.bundle.min.js"></script> <script type="text/javascript"> angular.module('ionicApp', ['ionic']) .controller('MyCtrl', function($scope) { }); </script> <style type="text/css"> body { cursor: url('//www.waitang.com/try/images/finger.png'), auto; } p { text-align: center; margin-bottom: 40px !important; } .spinner svg { width: 19% !important; height: 85px !important; } </style> </head> <body ng-controller="MyCtrl"> <ion-content class="has-header" scroll="false"> <p> <ion-spinner icon="android"></ion-spinner> <ion-spinner icon="ios"></ion-spinner> <ion-spinner icon="ios-small"></ion-spinner> <ion-spinner class="spinner-balanced" icon="bubbles"></ion-spinner> <ion-spinner class="spinner-energized" icon="circles"></ion-spinner> </p> <p> <ion-spinner class="spinner-royal" icon="crescent"></ion-spinner> <ion-spinner class="spinner-dark" icon="dots"></ion-spinner> <ion-spinner class="spinner-calm" icon="lines"></ion-spinner> <ion-spinner class="spinner-assertive" icon="ripple"></ion-spinner> <ion-spinner icon="spiral"></ion-spinner> </p> </ion-content> </body> </html>
运行结果