欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序?qū)崿F(xiàn)點(diǎn)擊按鈕修改view標(biāo)簽背景顏色功能示例【附demo源碼下載】

 更新時(shí)間：2017年12月06日 10:27:55   作者：FutrueJet  
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)點(diǎn)擊按鈕修改view標(biāo)簽背景顏色功能,涉及微信小程序事件響應(yīng)及數(shù)值運(yùn)算實(shí)現(xiàn)動(dòng)態(tài)設(shè)置view背景色樣式的相關(guān)操作技巧,需要的朋友可以參考下

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

1、效果展示

2、操作步驟：

① 數(shù)據(jù)綁定view樣式背景屬性值
② 通過(guò)邏輯文件設(shè)置該背景屬性初始值
③ 通過(guò)點(diǎn)擊按鈕修改背景屬性值

3、關(guān)鍵代碼

index.wxml文件：

<view style="background:{{viewBg}};color:white;height:100px;">我是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)
  }
})

代碼中通過(guò)設(shè)置num遞增數(shù)，再針對(duì)每次的事件響應(yīng)進(jìn)行取余運(yùn)算判定num的奇偶數(shù)，進(jìn)而實(shí)現(xiàn)設(shè)置style="background:{{viewBg}};color:white;height:100px;"中viewBg背景色值在綠色與藍(lán)色之間切換的效果。

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

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

相關(guān)文章

最新評(píng)論