微信小程序通过js动态修改css样式的方法，以及css变量

前言

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

1.直接方法

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

data:{
    textFont:'28rpx'
}

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

 2.利用css变量

<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)
}