本文实例讲述了微信小程序实现点击按钮修改文字大小功能。分享给大家供大家参考,具体如下:
& lt;视图类=笆油肌痹谖沂鞘油急昵? lt;/view> & lt;按钮类=癰tn”类型=澳稀眀indtap=癿agnifyFontSize祝辞点击我字体变大& lt;/button> & lt;按钮类=癰tn”类型=澳稀眀indtap=皊hrinkFontSize祝辞点击我字体变小& lt;/button> >之前
index.js文件
页面({ 数据:{ 字形大小:10 }, magnifyFontSize () { this.setData ({ 字形大小:this.data.fontSize + 1 }) }, shrinkFontSize () { this.setData ({ 字形大小:this.data.fontSize-1 }) } }) >之前和前面的文章相似,这里的事件响应函数中使用了<代码> this.setData 代码>修改了字形大小为<代码> this.data.fontSize + 1 代码>或<代码> this.data.fontSize-1> 代码,进而动态修改了index.wxml文件中<代码> 代码>的字体大小。
点击此处。
希望本文所述对大家微信小程序开发有所帮助。
微信小程序实现点击按钮修改文字大小功能【附演示源码下载】