這篇文章給大家分享的是有關微信小程序怎么實現(xiàn)點擊按鈕修改字體顏色功能的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
微信小程序?qū)崿F(xiàn)點擊按鈕修改字體顏色功能,具體如下:
1、效果展示
2、關鍵代碼
index.wxml文件
<view class="view" style="color:{{color}}">我是view標簽</view> <view style="display:flex;"> <block wx:for="{{colorArray}}" wx:key="" wx:for-item="Color"> <button class="btn" style="background:{{Color}};" type="default" bindtap="bindtap{{index}}"></button> </block> </view>
這里使用bindtap="bindtap{{index}}"
綁定事件動態(tài)修改style="color:{{color}}"
中的顏色值。
index.js文件
var pageData={} pageData.data={ color:'black', colorArray:['red','blue','yellow','green','black'] } for(var i=0;i<5;++i){ (function(index){ pageData['bindtap'+index]=function(e){ this.setData({ color:this.data.colorArray[index] }) } })(i) } Page(pageData)
感謝各位的閱讀!關于“微信小程序怎么實現(xiàn)點擊按鈕修改字體顏色功能”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
標題名稱:微信小程序怎么實現(xiàn)點擊按鈕修改字體顏色功能-創(chuàng)新互聯(lián)
分享鏈接:http://www.chinadenli.net/article6/djchog.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供面包屑導航、定制網(wǎng)站、服務器托管、網(wǎng)站建設、網(wǎng)站制作、網(wǎng)站收錄
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)