mirror of
https://github.com/fawney19/Aether.git
synced 2026-01-03 08:12:26 +08:00
44e7117d4a
- 更新 avatar-image, badge, checkbox, input, switch 等组件 - 优化 dialog, pagination, select-item, tabs 等组件 - 调整 table-card, refresh-button 组件
29 lines
642 B
Vue
29 lines
642 B
Vue
<template>
|
|
<button
|
|
type="button"
|
|
role="switch"
|
|
:aria-checked="modelValue"
|
|
class="relative inline-flex h-6 w-11 items-center rounded-full transition-colors"
|
|
:class="[
|
|
modelValue ? 'bg-primary' : 'bg-muted'
|
|
]"
|
|
@click="$emit('update:modelValue', !modelValue)"
|
|
>
|
|
<span
|
|
class="inline-block h-4 w-4 transform rounded-full bg-white transition-transform"
|
|
:class="[
|
|
modelValue ? 'translate-x-6' : 'translate-x-1'
|
|
]"
|
|
/>
|
|
</button>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
defineProps<{
|
|
modelValue: boolean
|
|
}>()
|
|
|
|
defineEmits<{
|
|
'update:modelValue': [value: boolean]
|
|
}>()
|
|
</script> |