1.css文件名改为name.module.css
2.通过styles对象中的样式名来设置样式
<div className={styles.样式名}></>
3.注意点
(1).类名最好使用驼峰命名法
.tabBar{}
styles.tabBar
(2).没有使用驼峰命名法,对于不合法的命名,需要使用[]语法
.tab-bar{}
styles['tab-bar]
(3).如果是全局的类名,应该使用:global(.类名)的方式,不然会把全局类名给修改掉
:global(.icon-map){}
这样css modules就不会修改掉类名了