溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

微信小程序?qū)崿F(xiàn)點(diǎn)擊按鈕修改文字大小功能【附demo源碼下載】

發(fā)布時(shí)間：2020-09-25 16:12:45 來源：腳本之家 閱讀：303 作者：FutrueJet 欄目：web開發(fā)

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

1、效果展示

微信小程序?qū)崿F(xiàn)點(diǎn)擊按鈕修改文字大小功能【附demo源碼下載】

2、關(guān)鍵代碼

index.wxml文件

<view class="view" >我是view標(biāo)簽</view>
<button class="btn" type="default" bindtap="magnifyFontSize">點(diǎn)擊我字體變大</button>
<button class="btn" type="default" bindtap="shrinkFontSize">點(diǎn)擊我字體變小</button>

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ì)大家微信小程序開發(fā)有所幫助。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手