Lazy 延迟加载组件

基础用法

使用time和loaded属性来定义 Lazy 的样式。

  1. <xm-lazy :time="4000" @loaded="loadedAction">
  2.   <img src="../assets/logo.png"/>
  3.   <div class="topic-loading-item" slot="skeleton">
  4.     <div class="loading-item-two">
  5.       <xm-skeleton width="100%" animate="loading"></xm-skeleton>
  6.     </div>
  7.     <div class="loading-item-three">
  8.       <xm-skeleton width="100%" animate="loading"></xm-skeleton>
  9.     </div>
  10.   </div>
  11.   <!-- <xm-loading width="20" height="20" color="#ed3f14" slot="loading"></xm-loading> -->
  12. </xm-lazy>

属性

参数 说明 类型 可选值 默认值
time 延迟时间 (毫秒) Number — 16

方法

参数 说明 类型 可选值 默认值
loaded 完成操作 Function 自定义 —

原文: https://monw3c.github.io/xmui/#/components/lazy