八.开关

前言

组件ui修改，原功能不变，具体用法可以参考之前案例

默认

开关

<template>
  <web-switch v-model="value" active-text="开" inactive-text="关" />
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const value = ref(true)
</script>

小尺寸

开关

<template>
  <web-switch v-model="value" active-text="开" inactive-text="关" size="small"/>
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const value = ref(true)
</script>

大尺寸

开关

<template>
  <web-switch v-model="value" active-text="开" inactive-text="关" size="large"/>
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const value = ref(true)
</script>