c-loading


加载中

属性

属性名类型必填默认值说明
tipString'loading…'描述文案
loadingBooleantrue是否为加载中状态

示例1

注: 使用此模式时,请将c-loading组件放在所有元素的最后,如使用router-view,请放在router-view后面
  1. <template>
  2. <c-loading loading="{{true}}"></c-loading>
  3. </template>
  4. <script cml-type="json">
  5. {
  6. "base": {
  7. "usingComponents": {
  8. "c-loading": "cml-ui/components/c-loading/c-loading"
  9. }
  10. }
  11. }
  12. </script>

c-loading  - 图1wx

c-loading  - 图2web

c-loading  - 图3native

示例2

  1. <template>
  2. <c-loading loading="{{true}}"></c-loading>
  3. </template>
  4. <script>
  5. class CLoading {
  6. }
  7. export default new CLoading();
  8. </script>
  9. <script cml-type="json">
  10. {
  11. "base": {
  12. "usingComponents": {
  13. "c-loading": "cml-ui/components/c-loading/c-loading"
  14. }
  15. }
  16. }
  17. </script>

c-loading  - 图4wx

c-loading  - 图5web

c-loading  - 图6native