uniapp中scroll-view的坑

1.scroll-view为scroll-x="true"时

（1）scroll-view中的子元素，不能使用浮动float

（2）scroll-view中外层容器使用display：flex是无效的

（3）若想实现flex横向效果，请将需要滑动的子元素设置为display:inline-block并为其设置宽高

（4）外层容器添加属性 overflow:hidden;white-space:nowrap;

html代码

<scroll-view scroll-x="true" class="limit-act-con">
				<view class="act-img" v-for="(item,index) in list3" :key="index">
					<img :src="item" alt="">
				</view>
			</scroll-view>

style代码

.limit-act-con {
			 overflow:hidden;
			 white-space:nowrap;
			.act-img {
				display: inline-block;
				margin-right: 16rpx;
				dislay:inline-block; 
				img {
					width: 332rpx;
					height: 160rpx;
					border-radius: 20rpx;
				}
			}
		}

2.scroll-view为scroll-y="true"时

只需设置好外层容器的高度