1. When using ANTD component in vUE project, if you want to change the style of component, the common method is to see if there is a built-in API that can be modified, such as this;

2. However, if the API is not the one you want to change, add a className to the component, find the current className in the console, and change it.

This is an API where you find the className of the component in the API, set it, and you can see it in the console. I also did this, but there was a small problem. After I added it, but I changed the style in the file, it did not work.

3. On second thought, I carefully examine the location of this component in the console. It is not under the current file, but under the body.

Then look at the styles console on the right. Element attribute styles are in index. SCSS.

Locate the index.scss file under assets in the project and add the changes

Finally, effective, the method is very simple, but there is a small pit, record for yourself, to share with you.