前言
不知道各位小帅有没有遇到这种问题,在微信小程序开发的时候,我们想要将某个文字大小变大,那么本篇文章就是解决这个问题。文章来源地址https://www.toymoban.com/news/detail-736706.html
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)
}
文章来源:https://www.toymoban.com/news/detail-736706.html
到了这里,关于微信小程序通过js动态修改css样式的方法,以及css变量的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!