<scroll-view class="scroll" scroll-x="{{true}}" scroll-y="{{false}}"enable-flex="true" >
<block wx:for="{{[1,2,3,4,5,6,7]}}" wx:key="index">
<view class="mark">
</view>
</block>
</scroll-view>
这是样式
.scroll {
height: 170rpx;
width: 100vh;
display: flex;
flex-direction: row;
}
.mark {
width: 170rpx;height: 170rpx;background-color: brown;margin-left: 30rpx;
}
有谁知道为啥
解决方案：
给scroll-view设置样式
white-space: nowrap然后scroll-view里面的子项要设置样式为
display: inline-block;接着scroll-view的属性scroll-x要设置为true
scroll-x="true"如果这都不出现滚动，那么原因可能有二：
1.scroll-view的宽度大于或等于父级的宽度，解决方案为：手动设置scroll-view的宽度，直至能滑动为止，比如：
width: 92vw2.浏览器兼容性问题，可尝试先给scroll-view设置样式：
overflow-x: scroll; overflow: auto;你滚动视图的宽度太宽了吧， 你7个元素 170rpx 就是 1190rpx ，可能还撑不满滚动视图的宽度
滚动视图改成100vw 或者 你放15个元素进行for循环，你看看效果。
scroll-view宽度设置100vh? 超过屏幕宽度了，滚动冲突了吧