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

最近更新

  1. TCP协议是安全的吗?

    2024-04-13 05:12:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-13 05:12:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-13 05:12:01       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-13 05:12:01       20 阅读

热门阅读

  1. Objective-C网络请求开发的高效实现方法与技巧

    2024-04-13 05:12:01       18 阅读
  2. C++ 设计模式

    2024-04-13 05:12:01       14 阅读
  3. mysqlySQL中启用慢查询日志并设置阈值

    2024-04-13 05:12:01       14 阅读
  4. 大模型日报2024-04-12

    2024-04-13 05:12:01       21 阅读