ionic 加载动画
作者:BrightSoul
时间:2026-08-11
浏览:0
ion-spinner ionSpinner 内置了不少旋转式加载动画图标。界面处于加载过程时,用它来给用户展示对应的加载状态,会更直观,也能减少等待时的迷茫感。该图标采用的是SVG。 用法 //默认用法 和大多数其他 Ionic 组件一样,spinner 也支持 Ionic 统一的标准颜色命名方式
本文目录
ion-spinner
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;
}
Ja vaScript 代码
angular.module('ionicApp', ['ionic'])
.controller('MyCtrl', function($scope) {
});
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) {
});效果如下所示:
作者最新文章
漫蛙漫画免费下拉式在线看地址
2026-10-27 17:25
如何在WPSOffice2019一键开启和关闭筛选
2026-10-26 23:11
xmind怎么调整两个框之间的距离 布局技巧
2026-10-24 13:34
ps怎么抠图
2026-10-20 17:22
PDF表格怎么转换成Excel?如何免费将PDF表格转成Excel?
2026-10-15 11:26
上一篇:
ionic 选项卡栏操作
下一篇:
ionic 滑动框
热门文章
更多
精品专题
更多
Mac软件
更多
WINDOWS
更多

































