本文實(shí)例講述了微信小程序?qū)崿F(xiàn)點(diǎn)擊按鈕修改文字大小功能。分享給大家供大家參考，具體如下：

創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比稷山網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式稷山網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋稷山地區(qū)。費(fèi)用合理售后完善，十多年實(shí)體公司更值得信賴。

1、效果展示

2、關(guān)鍵代碼

index.wxml文件

我是view標(biāo)簽
點(diǎn)擊我字體變大
點(diǎn)擊我字體變小

index.js文件

Page({
 data:{
  fontSize:10
 },
 magnifyFontSize(){
  this.setData({
   fontSize:this.data.fontSize+1
  })
 },
 shrinkFontSize(){
  this.setData({
   fontSize:this.data.fontSize-1
  })
 }
})

和前面的文章相似，這里的事件響應(yīng)函數(shù)中使用了this.setData修改了fontSize為this.data.fontSize+1或this.data.fontSize-1，進(jìn)而動(dòng)態(tài)修改了index.wxml文件中的字體大小。

3、源代碼點(diǎn)擊此處本站下載。

希望本文所述對(duì)大家微信小程序開(kāi)發(fā)有所幫助。