css3 – So ändern Sie das Radio in den Stil von 2 Auswahlschaltflächen im WeChat-Applet

Question

<radio-group>
        <label>
          <radio value="1" checked="checked" class="radio"/>demo1
          <radio style="margin-left: 40rpx;" value="2"/>demo2
          </label>
</radio-group>
          

Ich möchte das Radio auf den Stil mit 2 Tasten umstellen. Wie folgt: Wenn Sie die Statusbindung verwenden, kann style={{color}} nur die Farbe der angeklickten Schaltfläche selbst binden und die Farbe anderer Schaltflächen nicht entfernen.

Answer 1

你陷入思维误区了，为什么单选必须用radio呢，本身小程序也是数据驱动，你只要保证数据状态是正确的那么什么组件都可以承担radio的功能

Answer 2

请问一下楼主，你的怎么重置小程序raido组件的样式的？ 试了好几种方法貌似都重置不了，看你截图是radio组件样式重置成功了？求解

---

已找到可以重置组件样式的办法了~

Answer 3

这不是重置，只是两个按钮，用数据控制状态模拟radio的讨巧的办法！