場(chǎng)景：畫圖應(yīng)用需選擇畫筆顏色，有4種顏色按鈕可供選擇，用戶點(diǎn)擊任意按鈕進(jìn)行顏色切換。
思路：通過curColorIndex變量保存當(dāng)前選中的顏色下標(biāo)，選中后添加額外的選中樣式

一，canvas.wxss文件：這個(gè)文件用于定義按鈕正常態(tài)和選中態(tài)的樣式，以及Flex
布局的約束

二，canvas.wxml文件：這個(gè)文件是Demo的布局界面，通過使用js的data數(shù)據(jù)和wxss的class樣式進(jìn)行頁面布局

這里通過wx：for實(shí)現(xiàn)循環(huán)打印顏色數(shù)組，通過curColorIndex值控制選中的樣式，index值進(jìn)行參數(shù)傳遞

三，canvas.js文件：提供數(shù)據(jù)，以及處理xwml的控件響應(yīng)，并通過設(shè)置this.setData的值來更新xwml的顯示

原文地址：http://m.itdecent.cn/p/657e3b2a8aa4http://m.itdecent.cn/p/657e3b2a8aa4