实现原理:主要是利用外层div属性display:"flex",overflowX: 'auto',配合内层prolist样式属性flex:"0 0 auto",overflowX:"auto",width:"350px",height:900,实现动态竖排展示
<div style={{display:"flex",overflowX: 'auto',width:"100%"}}>
{lists && lists.map((item,index)=>{
console.log("item",item)
return(
<ProList
style={{flex:"0 0 auto",overflowX:"auto",width:"350px",height:900}}
headerTitle={item.keyword_name}
metas={{
title:{
dataIndex:"commenter_name"
},
avatar:{
dataIndex:"avatar_url"
},
description:{
dataIndex:"content"
}
}}
request={async ()=>{
const params = {keyword_name:item.keyword_name}
const res = await get_cars(params)
return {
success:true,
data:res.data
}
}}
/>
)
})}
</div>