一.自定义radio(单选框)
思路:先修改小程序自带的radio控件样式,让radio不占位置且隐藏起来,然后自己写样式和处理事件
- 修改小程序自带的radio控件样式,让radio不占位置且隐藏起来
/* radio未选中时样式 */
radio .wx-radio-input {
position: absolute;
visibility: hidden;
height: 0;
width: 0;
}
/* 选中时的状态 */
radio .wx-radio-input.wx-radio-input-checked {
position: absolute;
visibility: hidden;
height: 0;
width: 0;
}
- 然后改成自己需要的样式:
.radio-group {
display: flex;
flex-direction: row;
justify-content: space-around