ant-design⾃定义组件的样式
1、使⽤ant-design组件的时候，我们有时候需要⾃定义去改变组件的⼀些样式。
2、这⾥我们可以只⽤全局样式定义去改变对应类的样式
3、举例
我要去改变ListView组件的背景样式
<ListView
style={{
kupaoverflow:'auto',
good lifeheight:`${height}px`,
}}
renderHeader={derHeader}
dataSource={dataSource}
renderFooter={derFooter}
拥挤 英语Size={20}
initialListSize={20}
renderRow={(rowData, ctionID, rowID)=&derRow(rowData, rowID)}
onEndReached={EndReached}
onEndReachedThreshold={60}
parates>south korea gay tvpullToRefresh={
<PullToRefresh
生活中需要善意的谎言
refreshing={refreshing}
damping={50}
要加薪
onRefresh={()=>
}
/>
}
/>
将ListView使⽤div包裹起来
<div className={st}>
walt disney
<ListView
style={{
overflow:'auto',
height:`${height}px`,
}}
renderHeader={derHeader}
dataSource={dataSource}
renderFooter={derFooter}
Size={20}
initialListSize={20}
renderRow={(rowData, ctionID, rowID)=&derRow(rowData, rowID)}
onEndReached={EndReached}
onEndReachedThreshold={60}
西安电脑培训班pullToRefresh={
<PullToRefresh
refreshing={refreshing}
damping={50}
onRefresh={()=>
}
/>
}
/>
</div>
CSS
:
global是 CSS Modules 提供的可以将类名提升为全局作⽤域下进⾏使⽤
.test{
:global{
// 需要改变的节点名
.list-view-ction-body{
background-color: #f5f5f9;
}
}tothebeginning
}
4、如果你也⽤的是Umi.js的话，可以直接在global.less⽂件下修改全局样式。
