方法一:ES6 模板字符串 `` className={`title ${index === this.state.active ? 'active' : ''}`} 方法二:join("") className={["title", index === this.state.active ...
import styles from . styles.module.scss lt div className styles.selectCard styles.pointer gt lt div gt className 里加判断 show 是个 Boolean lt div className styles.qrCode show : styles.hidden gt lt div gt ...
2020-05-29 16:16 0 2444 推荐指数:
方法一:ES6 模板字符串 `` className={`title ${index === this.state.active ? 'active' : ''}`} 方法二:join("") className={["title", index === this.state.active ...
在一个元素上设置样式,有一个固定的样式,然后还有一个使用三元运算符根据条件添加的样式。 比如说有一个固定样式"title": <div className="title">标题</div>, 然后还要一个点击高亮的样式: <div className ...
ES6新增的不少语法都是极好用的, 在拼接变量与字符串时,模版字符串``就是典型的用法 以下是2种写法 ...
title为固定样式,active为条件渲染 ...
scss可视化工具:http://koala-app.com/index-zh.html scss讲解地址:http://www.cnblogs.com/adine/archive/2012/12/18/2823669.html 官网:http://sass-lang.com/ less ...
className={`${styles.className1} ${styles.className2}`} ...
如果定义样式的时候,内层样式名称和外层保持一致的话可以简写如下 如果一个样式下有相关的其他样式可以使用 &-xxx 来简写, ...
引入样式文件 注意: 样式文件名必须要以.module.css结尾 单类名设置 多类名设置 方法一 方法二 ...