• 加载更多
    • 样式一
    • 样式二
    • 样式三

    加载更多

    加载更多用于加载内容时或加载完成后的提示,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