【React】CSS 局部样式

谢尔登2024-04-27 8:57

书写 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>