Taro/微信小程序 行内元素横向滚动
2022-03-24 本文已影响0人
逸笛

<ScrollView
scrollX
className="scrollX"
>
{(activity || []).map((item) => {
return (
<Image className='cover' key={item.id} src={item.img}></Image>
);
})}
</ScrollView>
.scrollX {
margin: 20px 0 40px 0;
width: 100vw;
display: flex;
// flex-wrap: nowrap;
white-space: nowrap;
}
.cover {
margin-right: 20px;
display: inline-block;
width: 345px;
min-width: 345px;
height: 180px;
background: #B8E986;
border-radius: 8px;
}
.cover:first-child {
margin-left: 20px;
}