规范化 Switch 组件 · Issue #I5ZB4B · UBML/farris-vue - Gitee.com

Gitee 2025 年度开源项目评选中

开源项目 > WEB应用开发 > Vue扩展组件 &&

已完成

成员

创建于

2022-11-03 16:52

# Switch组件

## 命名

|   项目  |说明                      |
|-----|----------------------|
| 文件名 | switch.component.tsx |
| 组件名 | FSwitch              |

## 属性
|名称|类型|默认值|说明|
|--|--|--|--|
|modelValue|any|-|组件当前值|
|disable|boolean|false|禁用组件|
|onBackground|string|-|开启状态背景色，缺省值为空，可由开发者自定义颜色|
|offBackground|string|-|关闭状态背景色，缺省值为空，可由开发者自定义颜色|
|onColor|string|-|开启状态滑块颜色，缺省值为空，可由开发者自定义颜色|
|offColor|string|-|关闭状态滑块颜色，缺省值为空，可由开发者自定义颜色|
|onLabel|string|-|开启状态显示文本，缺省值为空，可由开发者指定显示文本|
|offLabel|string|-|关闭状态显示文本，缺省值为空，可由开发者指定显示文本|
|onValue|object|true|开启状态值|
|offValue|object|true|开启状态值|
|size|string|medium|组件尺寸，可能的值为'small' | 'medium' | 'large'|

## 事件
| 名称     | 参数           | 说明      |
|--------|--------------|---------|
| change | newValue:最新值 | 组件值变化事件 |
| click  | -            | 点击组件事件  |

## 视觉规范
![Switch Component 视觉规范](https://foruda.gitee.com/images/1667465153785151755/efc2eec6_610337.png "artboard.png")

## 交流
在11月5日前，既可以通过issue评论，也可以「[订阅](https://lists.openatom.io/postorius/lists/ubml-dev.openatom.io/)」邮件列表进行讨论，之后可以通过新issue讨论。

# Switch组件

## 命名

|   项目  |说明                      |
|-----|----------------------|
| 文件名 | switch.component.tsx |
| 组件名 | FSwitch              |

## 属性
|名称|类型|默认值|说明|
|--|--|--|--|
|modelValue|any|-|组件当前值|
|disable|boolean|false|禁用组件|
|onBackground|string|-|开启状态背景色，缺省值为空，可由开发者自定义颜色|
|offBackground|string|-|关闭状态背景色，缺省值为空，可由开发者自定义颜色|
|onColor|string|-|开启状态滑块颜色，缺省值为空，可由开发者自定义颜色|
|offColor|string|-|关闭状态滑块颜色，缺省值为空，可由开发者自定义颜色|
|onLabel|string|-|开启状态显示文本，缺省值为空，可由开发者指定显示文本|
|offLabel|string|-|关闭状态显示文本，缺省值为空，可由开发者指定显示文本|
|onValue|object|true|开启状态值|
|offValue|object|true|开启状态值|
|size|string|medium|组件尺寸，可能的值为'small' | 'medium' | 'large'|

## 事件
| 名称     | 参数           | 说明      |
|--------|--------------|---------|
| change | newValue:最新值 | 组件值变化事件 |
| click  | -            | 点击组件事件  |

## 视觉规范
![Switch Component 视觉规范](https://foruda.gitee.com/images/1667465153785151755/efc2eec6_610337.png "artboard.png")

## 交流
在11月5日前，既可以通过issue评论，也可以「[订阅](https://lists.openatom.io/postorius/lists/ubml-dev.openatom.io/)」邮件列表进行讨论，之后可以通过新issue讨论。

登录后才可以发表评论

状态

负责人

里程碑

Pull Requests

关联的 Pull Requests 被合并后可能会关闭此 issue

分支

开始日期 - 截止日期

-

置顶选项

优先级

参与者（1）

TypeScript

1

https://gitee.com/ubml/farris-vue.git

git@gitee.com:ubml/farris-vue.git

ubml

farris-vue

farris-vue