Skip to content

Switch 开关

支持点击与拖动切换,带 Minecraft 弹跳动画。

on = true
vue
<script setup lang="ts">
import { ref } from 'vue'
const enabled = ref(true)
</script>

<template>
  <mc-switch v-model="enabled" @change="v => console.log(v)" />
</template>

Props

名称类型默认说明
modelValuebooleanfalse开关状态(v-model)
disabledbooleanfalse是否禁用

Events

事件参数说明
update:modelValuebooleanv-model 更新
changeboolean状态变化(含 click 音效与弹跳动画)

支持鼠标/触摸拖动:水平拖动超过 10px 即按方向切换。

MIT Licensed · 设计语言移植自 Spectrollay-McUI