小程式單選radio group修改樣式

2021-09-09 07:11:50 字數 741 閱讀 9908

這個排版是真的麻煩,因為上面還有其他的顯示,本來覺得很快的,當時弄了一會兒 

checked表示預設選中

備註

一體化

白卡

危險品

無(預設)

.text_main1

.text

.picker_comment

.attr_value

.radio_label

radio

/* radio未選中時樣式 */

radio .wx-radio-input

/* 選中後的 背景樣式 (紅色背景 無邊框 可根據ui需求自己修改) */

radio .wx-radio-input.wx-radio-input-checked

/* 選中後的 對勾樣式 (白色對勾 可根據ui需求自己修改) */

radio .wx-radio-input.wx-radio-input-checked::before

data: ,

// 備註

comment: function(e) )

}

微信小程式RadioGroup代替方案

外圈是乙個圓角的矩形 內部是第n段取值,其中最後一段為空,宣告class為last 選中為底色 白字,普通狀態則反之,宣告class為selected lxsegmentedcontrol容器 segmentedcontrol 普通文字 segmentedcontrol text 選中狀態文字 se...

微信小程式button選中改樣式 實現單選 多選

小程式實現多button單選 多選 紅色為選中狀態 單選 多選 wxss pages button select button select.wxss button container 按鈕未選中 normal button 按鈕選中 checked button wxm 樣式選中改變是通過三元運算...

小物件之radio單選列表

有時候在控制器中做了乙個陣列 然後需要在模板view中迴圈 同時還需要判斷是否有選中的值,就會造成很多開始閉合標籤 以前都是這樣寫 這樣實在太繁瑣了,不如封裝乙個小物件 封裝函式如下 如下 function get radio array array key null if key null 如果沒...