reskript icon indicating copy to clipboard operation
reskript copied to clipboard

less中使用if函数结果异常

Open berwin0415 opened this issue 2 years ago • 1 comments

在less文件中使用if函数进行条件判断,最后结果异常 代码

.max (@bool) {
    width: if(@bool, 520px, 100%);
}

.box {
    .max(true);

    .inner {
        .max(false);
    }
}
      <div className={styles.box}>
          <div className={styles.inner}>test</div>
      </div>

结果: image image

berwin0415 avatar Jun 08 '22 02:06 berwin0415

这个大概率是less-plugin-function的冲突,不是很好修,会很花时间。如果可以避开的话,建议先劈开,比如干脆css-in-js

otakustay avatar Jun 09 '22 09:06 otakustay