Skip to content

Switch 开关

表示两种相互对立的状态间的切换,多用于触发「开/关」。

基础用法

绑定 v-model 到一个 Boolean 类型的变量。 可以使用 --s-switch-on-color 属性与 --s-switch-off-color 属性来设置开关的背景色。

尺寸

文字描述

使用active-text属性与inactive-text属性来设置开关的文字描述。 使用 inline-prompt 属性来控制文本是否显示在点内。

使用active-text属性与inactive-text属性来设置开关的文字描述。

形状

开关可以设为方形。

禁用状态

设置disabled属性,接受一个Boolean,设置true即可禁用。

自定义操作图标

使用 active-action 和 inactive-action 属性来添加图标。