当前位置:主页 > 微信开发 > WeUI >

微信网页开发基础组件加载更多Loadmore

栏目:WeUI 来源: 微信小程序开发网 阅读: 2017-04-03
  因为在微信公众号微信小程序网页里面没有分页,不像在网站里面的列表里面如果数据过多的话可以进行分页处理,而在微信里面则一般不会分页,因为,手机屏幕的限制所以分页不太适合手机,代替的是用类似“加载更多”的组件来加载其它的剩下的其它数据。

  如果您打开您关注的微信公众号或是微信小程序,您会发现有很多的公众号或者是小程序里面就这样的类似的功能,您点一下“加载更多”就会有更多的数据显示。

示例


示例代码:

        <div class="weui-loadmore">
            <i class="weui-loading"></i>
            <span class="weui-loadmore__tips">正在加载</span>
        </div>
        <div class="weui-loadmore weui-loadmore_line">
            <span class="weui-loadmore__tips">暂无数据</span>
        </div>
        <div class="weui-loadmore weui-loadmore_line weui-loadmore_dot">
            <span class="weui-loadmore__tips"></span>
        </div>