loading

Loading 加载

组件结构

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

组件脚本

  1. <script>
  2. exportdefault{
  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行,下载源码查看