loading

Loading 加载

组件结构

  1. <template>
  2.     <view class="tui-loading-init" v-if="visible">
  3.         <view class="tui-loading-center"></view>
  4.         <view class="tui-loadmore-tips">{{text}}</view>
  5.     </view>
  6. </template>

组件脚本

  1. <script>
  2.     export default {
  3.         name: "tuiLoading",
  4.         props: {
  5.             text: {
  6.                 type: String,
  7.                 default: "正在加载..."
  8.             },
  9.             visible: {
  10.                 type: Boolean,
  11.                 default: false
  12.             }
  13.         }
  14.     }
  15. </script>

组件样式

... 此处省略n行

脚本说明

 props: 
     "text" : 显示文本,类型:"String",默认值:"正在加载..."
     "visible" : 是否显示,类型:"Boolean",默认值:false

 methods:
   无

示例

... 此处省略n行,下载源码查看

← list-view loadmore →