本文實例講述了微信小程序實現點擊按鈕修改文字大小功能。分享給大家供大家參考，具體如下：
1、效果展示
2、關鍵代碼
index.wxml文件
<view class="view" style="font-size:{{fontSize}}pt">我是view標簽</view><button class="btn" type="default" bindtap="magnifyFontSize">點擊我字體變大</button><button class="btn" type="default" bindtap="shrinkFontSize">點擊我字體變小</button>index.js文件
Page({ data:{ fontSize:10 }, magnifyFontSize(){ this.setData({ fontSize:this.data.fontSize+1 }) }, shrinkFontSize(){ this.setData({ fontSize:this.data.fontSize-1 }) }})和前面的文章相似，這里的事件響應函數中使用了this.setData修改了fontSize為this.data.fontSize+1或this.data.fontSize-1，進而動態修改了index.wxml文件中style="font-size:{{fontSize}}pt"的字體大小。
3、源代碼點擊此處本站下載。
希望本文所述對大家微信小程序開發有所幫助。
新聞熱點
疑難解答
