小程序页面字体怎么调小

【小程序页面字体怎么调小】

小程序页面字体怎么调小

文章插图

在小程序添加点击按钮实现修改文字大小
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-1
})
}
})
在事件响应函数中使用了this.setData修改了fontSize为this.data.fontSize-1,进而动态修改了index.wxml文件中
style="font-size:{{fontSize}}pt"的字体大小 。

    推荐阅读