开发者文档
使用iconfont+keyframe,IE10以下降级显示为静态的,IE10、11正常
.sui-loading
loading-large, loading-xlarge, loading-xxlarge
loading-small, loading-xsmall, loading-xxsmall
loading-dark, .loading-light
- <p>.sui-loading</p>
- <div class="sui-loading loading-inline"><i class="sui-icon icon-pc-loading"></i></div>
- <div class="sui-loading loading-dark loading-inline"><i class="sui-icon icon-pc-loading"></i></div>
- <div class="sui-loading loading-light loading-inline"><i class="sui-icon icon-pc-loading"></i></div>
- <hr>
- <p>loading-large, loading-xlarge, loading-xxlarge</p>
- <div class="sui-loading loading-large"><i class="sui-icon icon-pc-loading"></i></div>
- <div class="sui-loading loading-xlarge"><i class="sui-icon icon-pc-loading"></i></div>
- <div class="sui-loading loading-xxlarge"><i class="sui-icon icon-pc-loading"></i></div>
- <hr>
- <p>loading-small, loading-xsmall, loading-xxsmall</p>
- <div class="sui-loading loading-small loading-inline"><i class="sui-icon icon-pc-loading"></i></div>
- <div class="sui-loading loading-xsmall loading-inline"><i class="sui-icon icon-pc-loading"></i></div>
- <div class="sui-loading loading-xxsmall loading-inline"><i class="sui-icon icon-pc-loading"></i></div>
- <hr>
- <p>loading-dark, .loading-light</p>
- <hr>
- <input style="vertical-align:top">
- <div class="sui-loading loading-xxsmall loading-inline loading-light"><i class="sui-icon icon-pc-loading"></i></div>
很简单,可以自己定制尺寸
为方便使用,默认有几种推荐的尺寸,分别对应class: loading-small,loading-xsmall,loading-xxsmall, loading-l, loading-ll, loading-lll
默认作为块级盒子显示,.sui-loading.loading-inline 则会以内联盒子形式显示 (inline-block)
颜色方面有默认色、黑色、灰色三种, .sui-loading.loading-dark .loading-light
- 复制代码代码已复制