主题
Label 标签
包裹表单选择组件与文字,使点击标签内容时可关联选择操作。
支持平台
以下为官网文档所列的平台支持情况,具体功能及版本限制请参见本页的平台说明。
| App-vue | App-nvue | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 | H5 | PC | 快手小程序 | 钉钉小程序 |
|---|---|---|---|---|---|---|---|---|---|---|
| ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ |
基础用法
vue
<!-- 关联选择控件和文本 -->
<fui-label>
<!-- 开关选择控件 -->
<fui-switch />
<text>接收通知</text>
</fui-label>属性
| 属性 | 类型 | 说明 | 官网默认值 |
|---|---|---|---|
| padding | Array | 内边距,依次为上、右、下、左,可按 CSS 规则简写 | [] |
| margin | Array | 外边距,依次为上、右、下、左,可按 CSS 规则简写 | [] |
| full | Boolean | 是否占满可用宽度 | false |
| inline | Boolean | 是否按行内模式显示,nvue 不支持 | false |
插槽
| 插槽 | 说明 |
|---|---|
| default | 表单控件及其标签内容 |
事件
| 事件 | 说明 | 回调参数 |
|---|---|---|
| — | 无自定义事件 | — |