<scroll-view scroll-y style= "height:1000rpx; width: 2000rpx; display:flex; flex-direction: row;" >
<view wx:for="{{t}}" wx:for-item="t" src="{{t}}" style=" width: 250rpx; height: 250rpx;background:url('{{t}}');background-size:250rpx 250rpx; display:flex; flex-direction: row;">水果view>
scroll-view>
为什么我设置横向显示:flex-direction: row;无效呢?还多出了滚动条。
<!--index.wxml-->
<scroll-view scroll-y style= "height:1000rpx; width: 2000rpx;" >
<image wx:for="{{t}}" wx:for-item="t" src="{{t}}" style=" width: 250rpx; height: 250rpx"></image>
<!-- <view wx:for="{{t}}" wx:for-item="t" src="{{t}}" style=" width: 250rpx; height: 250rpx;background:url('{{t}}');background-size:250rpx 250rpx; display:flex; flex-direction: row;">水果</view> -->
</scroll-view>
上面这段还代码就能横排
<!--index.wxml-->
<scroll-view scroll-y style= "height:1000rpx; width: 2000rpx;" >
<image wx:for="{{t}}" wx:for-item="t" src="{{t}}" style=" width: 250rpx; height: 250rpx"></image>
<view wx:for="{{t}}" wx:for-item="t" src="{{t}}" style=" width: 250rpx; height: 250rpx;background:url('{{t}}');background-size:250rpx 250rpx; display:flex; flex-direction: row;">水果</view>
</scroll-view>
菜鸟问题,请多多指教!
好像加个样式 左浮动可以解决
请问你找到解决的办法了吗 我也出现了类似的问题