Skip to content

Label 标签 ​

包裹表单选择组件与文字,使点击标签内容时可关联选择操作。

支持平台 ​

以下为官网文档所列的平台支持情况,具体功能及版本限制请参见本页的平台说明。

App-vueApp-nvue微信小程序支付宝小程序百度小程序字节小程序QQ小程序H5PC快手小程序钉钉小程序
✓✓✓✓✓✓✓✓✓✓✓

基础用法 ​

vue
<!-- 关联选择控件和文本 -->
<fui-label>
  <!-- 开关选择控件 -->
  <fui-switch />
  <text>接收通知</text>
</fui-label>

属性 ​

属性类型说明官网默认值
paddingArray内边距,依次为上、右、下、左,可按 CSS 规则简写[]
marginArray外边距,依次为上、右、下、左,可按 CSS 规则简写[]
fullBoolean是否占满可用宽度false
inlineBoolean是否按行内模式显示,nvue 不支持false

插槽 ​

插槽说明
default表单控件及其标签内容

事件 ​

事件说明回调参数
—无自定义事件—