關於小程式點選view動態新增樣式

2022-02-15 17:29:22 字數 646 閱讀 5730

基本邏輯: 

1.給每個view自定義dataindex屬性,從0開始

2.自定義乙個名為selected的class,作為被選中後的樣式

3.在wx.js中給viewid屬性賦為0,用於預設顯示。

4.給每個view新增乙個點選事件select,在點選某個view時   將dataindex變成這個view的自定義index

5.在view中新增乙個三木運算子用於控制選中樣式  }

附圖:wxml

好評

中評

差評

wxss

/*

表情盒子

*/.iconbox

.ic.selected

wxjs

data: ,

select:function

(e))

},

由於viewid初始值是0,所以會預設第乙個切換了樣式。

這樣就完成了該事件:

裡面還有幾個不足之處,時間倉促,暫且就這樣寫了。

以上。

微信小程式動態新增元素view

換個思路,models通過陣列控制view元素顯隱 方案 檔案wxml 途 徑 地 增加途徑地 刪除途徑地 檔案js detail類 建構函式 param placename 途徑地 param number 里程數 function detail placename,number function...

小程式view選中新增樣式

做乙個充值選擇 的頁面,沒有用radio,直接用view做的效果,用radio傳值比較方便。wxml data price 不需要列印 出來可去掉。wxss cont border conts conts view conts text active conts active conts textj...

動態新增view

前面說的都是用的inte ce builder來編輯.xib檔案來給視窗新增各種控制項以及給控制項繫結資料 iboutlet 關聯事件響應函式 ibaction 這章學習的是動態的新增view,不使用inte ce builder。這裡用label和button示例 找到新建工程 viewcontr...