小程序如何通过把动态数据值传入到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;
}

服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net

相关推荐: HTML5:七天学会基础动画网页13

看完前面很多人可能还不是很明白0%-100%那到底是怎么回事，到底该怎么用，这里我们做一个普遍的练习——心跳动画 想让心❤跳起来，我们先分析一波，这个心怎么写，我们先写一个正方形，再令一个圆形前移: 再来一个圆向上移一下 最后再整体转一下，换成统一颜色就OK了…