这两天⼀直在跟uniapp打交道，今天发现nvue中的list死活都滚动不了，意外发现了⼀个⼩知识，在list标签外层必须得套⼀层盒⼦，然后list 才会正常滚动，唉，造孽 <template> <view><!-- 在list外层必须套⼀层盒⼦，list才会滚动 --> <list> <!-- 注意事项: 不能使⽤ index 作为 key 的唯...
这两天一直在跟uniapp打交道,今天发现nvue中的list死活都滚动不了,意外发现了一个小知识,在list标签外层必须得套一层盒子,然后list才会正常滚动,唉,造孽 <template><view><!--在list外层必须套一层盒子,list才会滚动--><list><!--注意事项: 不能使用 index 作为 key 的唯一标识--><cellv-for="(item, i...
有个需求,需要在弹框中显示一个列表,并且可以选择,然后就选择了在uni-popup中自定义view的方式实现,用了组件uni-list , 本以为一切很顺利,结果集成好了以后,竟然不能滑动,在网页浏览器测试使用鼠标点击不能滑动,但是用鼠标滚轮可以滑动,这是什么情况?把uni-list单独拿到外面来也可以滑动,但是这俩组件一搭配,就失...
我们将list组件放到容器中,然后设置一下样式 但我们还需要在组件中设置样式来撑起高度 这样就可以上下滚动了 暂时代码 <template> <swiper class="home-swiper"> <swiper-item class="swiper-item"> <list-scrool class="list-scrool"> <list-card mode="base" ></list-card> <list-card mode="image" ><...
在组件中,禁用了滚动事件。因此,我们把这个事件去掉就可以了。 打开组件代码,然后找到这段代码去掉就可以了。 但是之后就会导致另外一个问题的出现,我们假设这样一个场景: 1.在页面中,我们做了一个滚动分页的list,然后点击页面中的某个按钮,会弹出popup弹框,在弹框中我们需要滚动,在页面中我们同样需要滚动,那么就...
先把整个页面设置为固定大小,这样就不会影响下边的scroll-view滚动 <view><scroll-view:style="'height:'+ height"scroll-y lower-threshold="30"@scrolltolower="LoadMoreCustomers"><viewv-for="(item,index) in customerList":key="index"class="touch-item":data-index="index"><viewclass="itemcontent"...
那么这样的重定向行为，会有这样2种情况（都是用的全局滚动，也就是onPageScroll所监听的东西，如果使用scrolll-view则没有问题，官方文档也说了scroll-view 不适合放长列表，有性能问题。长列表滚动和下拉刷新，应该使用原生导航栏搭配页面级的滚动和下拉刷新实现。包括在app-nvue页面，长列表应该使用list而不是...
uniapp 禁止ios滚动 无论小程序的时候一般有这个功能,在页面处于首页时候,滑动视图,切换视图顶部滚动导航也跟着切换 1.想要实现这个功能就需要实现顶部导航栏,首先实现顶部滚导航栏 点击高亮颜色显示 模板代码 <scroll-view scroll-x="true" class="scroll-content" >...
在vue页面里,它默认使用页面级滚动。在app-nvue页面里,它默认使用原生list组件滚动。这样的长列表,在滚动出屏幕外后,系统会回收不可见区域的渲染内存资源,不会造成滚动越长手机越卡的问题。 uni-list组件是父容器,里面的核心是uni-list-item子组件,它代表列表中的一个可重复行,子组件可以无限循环。