Label 标签，用来改进表单组件的可用性，将控件放在该标签下，当点击时，就会触发对应的控件，目前主要用于Switch、Radio、Checkbox组件。

支持平台

App（vue）	App（nvue）	H5	小程序
✓	✓	✓	✓

代码演示

部分示例演示，完整使用请参考文档API。

Radio 单项选择器

将 wui-label 组件放于 wui-radio 组件外层即可 （其他组件的使用方式相同）。

<wui-radio-group>
<wui-label v-for="(item,index) in radioItems" :key="index">
  <wui-list-cell>
    <view class="wui-align__center">
      <wui-radio :checked="item.checked" :value="item.value">
      </wui-radio>
      <text class="wui-text">{{item.name}}</text>
    </view>
  </wui-list-cell>
</wui-label>
</wui-radio-group>

const radioItems = ref<any>([
    {
      name: '小于18岁',
      value: '1',
      checked: true,
    },
    {
      name: '18~28岁',
      value: '2',
      checked: false,
    },
    {
      name: '29~40岁',
      value: '3',
      checked: false,
    },
  ]);

Slots

插槽名称	说明
default	标签显示内容，将表单组件放在该组件下

Props

属性名	类型	说明	默认值	平台差异说明
padding	Array	padding值：[上,右,下,左]	[ ]	-
margin	Array	margin值：[上,右,下,左]	[ ]	-
full	Boolean	宽度是否100%	false	-
inline	Boolean	是否为行内模式	false	Nvue端不支持

Events

事件名	说明	回调参数
-	-	-