<scroll-view scroll-y="true" style="height:{{scrollH_c}}px;position:fixed;left:50px;top:{{barHeight+60+74}}px" >
<scroll-view scroll-x="true" class="scroll-wrap" bindscroll="scroll">
<view class="table" wx:for="{{zhouList}}" wx:key="index" >
<view class="real-content">
<view wx:for="{{item.classList}}" wx:for-item="citem" wx:for-index="cindex" style="flex:{{citem.classKeepTime}};background-color:{{citem.className == ''?'':background[(index+cindex)%4]}}" class="fz10 fc333 test-b" wx:key="cindex">{{citem.className}}</view>
</view>
</view>
</scroll-view>
</scroll-view>
最外面是一个竖向滚动,里面是一个横向滚动。
其中每个table是竖向滚动的一列,每列内有多个view ,布局是flex-direction:column;
但是发现,每列中的view高度,会影响其他的列。
例如横向滚动中,第一列的第一个view高度是100px,第二列内的第一个元素的高度是120px。
页面上就会看到,第一列的第一个view被往下挤了。
已解决,只能在每列的第一行内添加一个view,固定高度,让其对齐。