您好,登錄后才能下訂單哦!
本文實例講述了微信小程序實現點擊按鈕修改文字大小功能。分享給大家供大家參考,具體如下:
1、效果展示
2、關鍵代碼
index.wxml文件
<view class="view" >我是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文件中的字體大小。
3、源代碼點擊此處本站下載。
希望本文所述對大家微信小程序開發有所幫助。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。