加载更多

加载更多用于加载内容时或加载完成后的提示,WeUI 提供了三种样式。

样式一

  1. <!-- 正在加载 -->
  2. <div class="weui-loadmore">
  3. <i class="weui-loading"></i>
  4. <span class="weui-loadmore__tips">正在加载</span>
  5. </div>

加载更多 - 图1

样式二

  1. <!-- 暂无数据 -->
  2. <div class="weui-loadmore weui-loadmore_line">
  3. <span class="weui-loadmore__tips">暂无数据</span>
  4. </div>

加载更多 - 图2

样式三

  1. <div class="weui-loadmore weui-loadmore_line weui-loadmore_dot">
  2. <span class="weui-loadmore__tips"></span>
  3. </div>

加载更多 - 图3