小程序页面字体如何调小

小程序页面字体如何调小

在小程序添加点击按钮实现修改文字大小

index.wxml文件

<viewclass="view"style="font-size:{{fontSize}}pt"></view>
<buttonclass="btn"type="default"bindtap="shriFontSize">点击字体变小</button>

index.js文件

Page({
data:{
fontSize:10
},
shrinkFontSize(){
this.setData({
fontSize:this.data.fontSize⑴
})
}
})
在事件响应函数中使用了this.setData修改了fontSize为this.data.fontSize⑴，进而动态修改了index.wxml文件中
style="font-size:{{fontSize}}pt"的字体大小。

本文来源：https://www.yuntue.com/post/80161.html | 云服务器网，转载请注明出处！