想在APP中实现小程序里滚动列表组件一样的效果

18935092632 · 发表于 2019-4-1 22:13:10

本帖最后由 18935092632 于 2019-4-1 22:14 编辑

想在APP中实现小程序里滚动列表组件一样的上下（左右）滚动效果，应该如何实现（使用哪些组件）
QQ图片20190401221004.png

牛刀服务-YZH · 发表于 2019-4-2 16:11:01

上下滑动scrollView内套动态列表list http://docs.wex5.com/comps-scrollview/
左右滑动属于特殊功能,需要通过给list设置css来实现,实现方法:\
list横向滚动样式
<div component="$UI/system/components/justep/list/list"
class="x-list x-scroll-h" data="newsData" style="overflow-x:auto;">
  <div class="x-list-template" style="width: 2500px;">
   <img src="" alt="" bind-attr-src="$model.getImageUrl($object)"/>
  </div>
</div>
关键点：
1、如果放在contents组件内需要增加class=x-scroll-h才能横向滚动
2、设置出滚动条的层style=”overflow-x:auto;”
3、设置有图片的容器固定宽度

18935092632 · 发表于 2019-4-2 19:02:03

收到老师，请结贴

		自动登录	找回密码
密码			注册

[用户待确认] 想在APP中实现小程序里滚动列表组件一样的效果