scroll-view
:滚动视图
使用view
其实也能实现滚动,跟div
用法差不多
而scroll-view
跟view
最大的区别就在于:scroll-view
视图组件封装了滚动事件,监听滚动事件什么的直接写方法就行。
scroll-view
纵向滚动添加属性scroll-y
,然后写一个固定高度就行了,我主要说一下scroll-view
的横向滚动scroll-x
:
我使用了display: flex;
布局,特么的直接写在scroll-view上面,显示出来的结果总是不对头,试了好多次,得到了下面两种写法;
第二种在scroll-view上添加了enable-flex
启用flex布局属性,启用后内部就能使用flex布局了,不然你会发现内部布局始终是纵向的。
得到的效果是一样的,能使用scroll-view事件。
wxml:
<view class="order_item_body">
<scroll-view scroll-x="true" scroll-into-view="{
{toView}}" scroll-left="{
{scrollLeft}}">
<view class="order_item_list">
<view class="order_item_goods" wx:for=