react_antdesign 覆盖样式

385 阅读1分钟

less语言

1-

可以在src下写一个全局样式文件 global.less文件 在所有的less文件中都可以引入

    `
    @import '~@/global.less';
    `

覆盖样式时,我们可以选择性的覆盖某一个样式,比如好多input组件,只想改变一个input组件的样式,就可以先设置其className

    `
    .downloadModal { //这是自己设置的className
      :global{  //添加global进行覆盖样式
        .ant-modal-body { //所覆盖的样式名
          line-height: 200px !important;
          padding-left: 90px;
        }
        .ant-radio-wrapper {
          margin: 10px;
        }
      }
    }
    `

2- 给某个盒子设置最小高度

`  min-height: 720px;  `