css使用js中的变量

css使用js中的变量

如在Vue中，我们可以绑定在style上面变量，然后使用css来使用该变量，如下：

<div class="taskContainer2 " :style="`--pageSize: ${pageSize}px`"></div>

.taskContainer2 { height: var(--pageSize); }
这样子便可以在css或者less等样式文件中使用js控制的变量的值，可以用来做动画或者一下其他的事情，非常便利。

微信小程序中的使用方式也是一样的。