uniapp技巧-滚动组件-1

uniapp MAOUI 滚动组件

如果设置的显示数量大于数据总量,则不再滚动,在组件的文件mao-scroll.vue中:

init: function(){

this.showLine = this.showNum < this.data.length ? this.showNum : this.data.length;

for(let i = 0; i < this.data.length; i++){

this.showdata.push(this.data[i]);

}

for(let i = 0; i < this.showLine; i++){

this.showdata.push(this.data[i]);

}

if(this.showNum > this.data.length){

return;

}//增加这个判断则可以实现了

var tmp = setInterval(this.animationFunc, this.animation);

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 最近的项目做了一个信息展示,客户的需求改了,因为一屏展示太多了,想多屏,还不加分页,只能增加滚动。 查询了好多资料...
    风云变色阅读 5,458评论 0 1
  • css相关 1. 万能居中 1.margin: 0 auto;水平 2.text-align: center;水平...
    chaocc阅读 4,617评论 0 2
  • 一、CSS问题 1.flex布局 display:flex; 在父元素设置,子元素受弹性盒影响,默认排成一行,如果...
    陈二狗想吃肉阅读 3,971评论 0 9
  • client,page和screen的区别? clientX,clientY是触摸点相对于viewport视口x,...
    change_22fa阅读 5,646评论 1 1
  • RT实现一个可以在线播放的移动端网易云音乐。 tips:网易云音乐没用响应式,因为它做了两套网站。用户使用的PC端...
    阿鲁提尔阅读 5,803评论 0 2