本文共 917 字，大约阅读时间需要 3 分钟。

1、使用ant-design组件的时候，我们有时候需要自定义去改变组件的一些样式。

• 我要去改变ListView组件的背景样式

   
     this.renderRow(rowData, rowID)}            onEndReached={
   this.onEndReached}            onEndReachedThreshold={
   60}            pullToRefresh={
                 
    
                       this.getDynamicsList()                }              />            }          />
    
   

• 将ListView使用div包裹起来

   
         
    
      this.renderRow(rowData, rowID)}            onEndReached={
   this.onEndReached}            onEndReachedThreshold={
   60}            pullToRefresh={
                 
     
                        this.getDynamicsList()                }              />            }          />
     
    
   

• CSS
  :global是 CSS Modules 提供的可以将类名提升为全局作用域下进行使用

.test {
     :global {
     // 需要改变的节点名    .list-view-section-body {
         background-color: #f5f5f9;    }  }}

4、如果你也用的是Umi.js的话，可以直接在global.less文件下修改全局样式。

转载地址：https://blog.csdn.net/weixin_45416217/article/details/108874970 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！