小程序如何通过把动态数据值传入到css文件中控制样式

场景：动态改变一个模块的高度

一、常用解决方法：行内样式绑值，或者动态class来传递

<view
  class="box"
  :style="`height: ${boxHeight}px`">
  我是一个动态高度的box,我的高度是{{boxHeight}}px
</view>

二、高度传到css文件中

<view
  class="box"
  :style="{'--boxHeight': `${boxHeight}px`}">
  我是一个动态高度的box
</view>

// .css文件
.box {
  height: var(--boxHeight); // 这里必须与行内的key对应，var不可少
  border: 1px solid red;
}