小程式view選中新增樣式

2021-09-24 04:16:34 字數 503 閱讀 5320

做乙個充值選擇**的頁面，沒有用radio，直接用view做的效果，用radio傳值比較方便。

wxml



}}
data-price=』}'不需要列印**出來可去掉。

wxss

.cont


.border


.conts


.conts view


.conts text


.active .conts


.active .conts text
js

data: ,,,


,,,,


],},


chooseprice: function (data) );


console.log(data.currenttarget.dataset.price);//列印當前**，不需要可去掉


},

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

基本邏輯 1.給每個view自定義dataindex屬性，從0開始 2.自定義乙個名為selected的class，作為被選中後的樣式 3.在wx.js中給viewid屬性賦為0，用於預設顯示。4.給每個view新增乙個點選事件select，在點選某個view時 將dataindex變成這個view...

小程式view排版

demotext view 行排列view view view view view view 列排列view view view view view view 向左靠攏view view view view view view 向右靠攏view view view view view view 左右...

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

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