微信小程序——修改radio组件的大小_微信小程序radiogroup 圈的大小

radio组件的样式大小太大了，和我的文字大小不匹配，看起来很难看

于是给radio设置了width和 height ，然而并不起作用

最后是使用transform:scale(0.7); 完美解决问题

.wxml

<radio-group>
    <radio color="red" checked="false">
    </radio>
    <text>我已阅读并同意</text>
    <text class="red">《快件契约条款》</text>
</radio-group>
1
2
3
4
5
6

.less

radio-group {
    margin-left: 40rpx;
    radio {
      transform:scale(0.7);
    }
    text {
      font-size: 11pt;
      color:#666666;
      &.red {
        color: #CC3244;
      }
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13