书写 CSS 的时候,如果 CSS 文件名包含 module,那么说明该 CSS 是一个局部 CSS 样式文件,类似于 vue 中的 scoped。
css
.avatarContainer {
width: 40px;
height: 40px;
border-radius: 50%;
background: rgb(213, 226, 226);
}
jsx
import styles from '../css/LoginAvatar.module.css'
// ...
<Popover content={content} trigger="hover" placement="bottom">
<Avatar className={styles.avatarContainer} icon={<UserOutlined/>}/>
</Popover>