微信小程序通过js动态修改css样式的方法，以及css变量_微信小程序css动态设置文字大小

作者：小小林熬夜学编程 | 2024-05-21 03:47:23

踩

微信小程序css动态设置文字大小

前言

不知道各位小帅有没有遇到这种问题，在微信小程序开发的时候，我们想要将某个文字大小变大，那么本篇文章就是解决这个问题。

<view style="font-size: {{textFont}};">本人是吴彦祖</view>


data:{
    textFont:'28rpx'
}
 
onchangeTextSize(){
    this.setData({
      textFont: '40rpx'
    })
}

<view clas="box" style="--text-font: {{textFont}};">本人是吴彦祖</view>


data:{
    textFont:'28rpx'
}
 
onchangeTextSize(){
    this.setData({
      textFont: '40rpx'
    })
}


page{
--text-font:'28rpx'
}
.box{
font-size:var(--text-font)
}

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/600690