【React】CSS 局部样式

书写 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>
相关推荐
前端Hardy3 分钟前
HTML&CSS:你绝对没见过的input输入框,确定不看看吗
javascript·css·html
前端Hardy3 分钟前
HTML&CSS:不一样的开关效果
javascript·css·html
清灵xmf22 分钟前
Vue 3 自定义权限指令 v-action
前端·javascript·vue.js·自定义指令
一棵树长得超出它自己24 分钟前
jmeter if控制器在loop控制器执行结束后执行
前端·jmeter
阳树阳树2 小时前
signal-新的状态管理模式
前端·javascript
fakaifa2 小时前
beikeshop多商户跨境电商独立站最新版v1.6.0版本源码
前端·小程序·uni-app·php·beikeshop多商户·beikeshop跨境电商
木木黄木木2 小时前
HTML5手写签名板项目实战教程
前端·html·html5
姑苏洛言3 小时前
基于微信小程序实现幸运大转盘页面
前端
前端极客探险家3 小时前
如何实现一个支持拖拽排序的组件:React 和 Vue 版
前端·vue.js·react.js·排序算法
yanyu-yaya3 小时前
devextreme-react/scheduler 简单学习
前端·学习·react.js