@mixinone-screen{position:absolute;左:0;顶部:0;宽度:100%;高度:100%;溢出:隐藏;}@mixin溢出-滚动{溢出:滚动;-webkit-overflow-scrolling:touch;}.r-scroll{@includeone-screen;@include溢出滚动;&-加载ing{文本对齐:居中;填充顶部:3vw;底部填充:3vw;字体大小:14px;颜色:#656565;行高:20px;&-text{显示:内联块;:中间;}}}前言我们的移动端还有一个非常常用的组件,那就是滑动加载更多的组件。通常我们看到很多插件的实现都比较复杂,所以觉得这个组件很难,其实不然!!这个组件其实可以很简单的实现,体验也可以很好(当然我们没有实现下拉刷新功能)!!让我们一起实现这个组件。效果展示先放一张gif图展示我们制作完成后的效果,如下:DOM结构页面应该包含三部分:1.文本区域2.加载小菊花并记录文本3.所有数据加载完成后的文本: