微信小程序实现点击按钮修改文字大小功能【附演示源码下载】

  

本文实例讲述了微信小程序实现点击按钮修改文字大小功能。分享给大家供大家参考,具体如下:

  

  

微信小程序实现点击按钮修改文字大小功能【附演示源码下载】“> </p>
  <p> </p>
  </p> <p> index.wxml文件
  
  <pre类=   & 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> 的字体大小。

  

点击此处。

  

希望本文所述对大家微信小程序开发有所帮助。

微信小程序实现点击按钮修改文字大小功能【附演示源码下载】