場景：畫圖應用需選擇畫筆顏色，有4種顏色按鈕可供選擇，使用者點選任意按鈕進行顏色切換。

思路：通過curColorIndex變數儲存當前選中的顏色下標，選中後新增額外的選中樣式。

一，canvas.wxss檔案：這個檔案用於定義按鈕正常態和選中態的樣式，以及Flex

佈局的約束

二，canvas.wxml檔案：這個檔案是Demo的佈局介面，通過使用js的data資料和wxss的class樣式進行頁面佈局

這裡通過wx：for實現迴圈列印顏色陣列，通過curColorIndex值控制選中的樣式，index值進行引數傳遞

三，canvas.js檔案：提供資料，以及處理xwml的控制元件響應，並通過設定this.setData的值來更新xwml的顯示

文章作者：二木又土

版權說明：本文轉載於小程式社群（wxapp-union.com）有問題請聯絡我們。