本文實(shí)例講述了微信小程序?qū)崿F(xiàn)點(diǎn)擊按鈕修改view標(biāo)簽背景顏色功能。分享給大家供大家參考,具體如下:
岳麓網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)公司,岳麓網(wǎng)站設(shè)計(jì)制作,有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為岳麓上千多家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站建設(shè)要多少錢,請(qǐng)找那個(gè)售后服務(wù)好的岳麓做網(wǎng)站的公司定做!
1、效果展示
2、操作步驟:
① 數(shù)據(jù)綁定view樣式背景屬性值
② 通過邏輯文件設(shè)置該背景屬性初始值
③ 通過點(diǎn)擊按鈕修改背景屬性值
3、關(guān)鍵代碼
index.wxml文件:
<view >我是view標(biāo)簽</view> <button type="default" bindtap="changeBg">點(diǎn)擊我修改view標(biāo)簽的背景顏色</button>
index.js文件:
var num=0; Page({ data:{ viewBg:'green' }, changeBg(){ num++; var result=num/2; if(num%2==0){ this.setData({ viewBg:'green' }) }else{ this.setData({ viewBg:'blue' }) } console.log(num) console.log(result) } })
代碼中通過設(shè)置num遞增數(shù),再針對(duì)每次的事件響應(yīng)進(jìn)行取余運(yùn)算判定num的奇偶數(shù),進(jìn)而實(shí)現(xiàn)設(shè)置中viewBg背景色值在綠色與藍(lán)色之間切換的效果。
4、源代碼點(diǎn)擊此處本站下載。
希望本文所述對(duì)大家微信小程序開發(fā)有所幫助。
網(wǎng)站欄目:微信小程序?qū)崿F(xiàn)點(diǎn)擊按鈕修改view標(biāo)簽背景顏色功能示例【附demo源碼下載】
標(biāo)題路徑:http://www.muchs.cn/article48/gehihp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制開發(fā)、網(wǎng)頁設(shè)計(jì)公司、品牌網(wǎng)站設(shè)計(jì)、App開發(fā)、云服務(wù)器、移動(dòng)網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)