更新记录

1.0.1（2024-06-19）

first

1.0.0（2024-06-18）

todo

平台兼容性

r-radio

r-radio单选框，在一组备选项中进行单选。

示例

<r-radio-group v-model:value="radioData">
  <r-radio name="1">单选框 1</r-radio>
  <r-radio name="2">单选框 2</r-radio>
</r-radio-group>

<r-radio-group v-model:value="radioData" direction="horizontal">
  <r-radio name="1">单选框 1</r-radio>
  <r-radio name="2">单选框 2</r-radio>
</r-radio-group>

<r-radio-group v-model:value="radioData" disabled>
  <r-radio name="1">单选框 1</r-radio>
  <r-radio name="2">单选框 2</r-radio>
</r-radio-group>

<r-radio-group v-model:value="radioData" shape="square">
  <r-radio name="1">单选框 1</r-radio>
  <r-radio name="2">单选框 2</r-radio>
</r-radio-group>

<r-radio-group v-model:value="radioData" shape="dot">
  <r-radio name="1">Radio 1</r-radio>
  <r-radio name="2">Radio 2</r-radio>
</r-radio-group>

<r-radio-group v-model:value="radioData">
  <r-radio name="1" checked-color="#ee0a24">单选框 1</r-radio>
  <r-radio name="2" checked-color="#ee0a24">单选框 2</r-radio>
</r-radio-group>

<r-radio-group v-model:value="radioData">
  <r-radio name="1" icon-size="24px">单选框 1</r-radio>
  <r-radio name="2" icon-size="24px">单选框 2</r-radio>
</r-radio-group>

<r-radio-group v-model:value="radioData">
  <r-radio name="1" label-position="left">单选框 1</r-radio>
  <r-radio name="2" label-position="left">单选框 2</r-radio>
</r-radio-group>

<r-radio-group v-model:value="radioData">
  <r-radio name="1" label-disabled>单选框 1</r-radio>
  <r-radio name="2" label-disabled>单选框 2</r-radio>
</r-radio-group>

<r-radio-group v-model:value="radioData">
  <r-radio name="1">
    单选框 1
    <template #icon="props">
      <image
        style="height: 20px; width: 20px"
        :src="
          props.checked
            ? activeURL
            : inactiveURL 
        "
      />
    </template>
  </r-radio>
  <r-radio name="2">
    单选框 2
    <template #icon="props">
      <image
        style="height: 20px; width: 20px"
        :src="
          props.checked
            ? activeURL
            : inactiveURL
        "
      />
    </template>
  </r-radio>
</r-radio-group>

API

Radio Props

RadioGroup Props

Radio Slots

Radio Events

RadioGroup Events