指示器 Spinner

基本用法

指示器 Spinner - 图1

  1. <template lang="html">
  2. <main>
  3. <div class="demo-hidden">
  4. <za-panel>
  5. <za-panel-header title="基本"></za-panel-header>
  6. <za-panel-body>
  7. <za-cell>
  8. <za-spinner slot='description' class="rotate360"></za-spinner>
  9. 普通
  10. </za-cell>
  11. <za-cell>
  12. <za-spinner slot='description' class="rotate360" theme='error'></za-spinner>
  13. 主题
  14. </za-cell>
  15. <za-cell>
  16. <za-spinner slot='description' class="rotate360" size="lg"></za-spinner>
  17. 大号
  18. </za-cell>
  19. </za-panel-body>
  20. </za-panel>
  21. </div>
  22. </main>
  23. </template>
  24. <script>
  25. export default {
  26. data() {
  27. return {
  28. }
  29. }
  30. };
  31. </script>

API

属性类型默认值可选值/参数说明
prefixClsstringza-stepper类名前缀
themestring'primary''default', 'primary', 'info', 'success', 'warning', 'error'主题
sizestring'lg'大小