<template>
  <div>
    <h4>默认</h4>
    <lyf-switch v-model="visible" />
    <h4>改变颜色</h4>
    <lyf-switch v-model="visible" color="#fd6800" />
    <h4>改变大小</h4>
    <lyf-switch v-model="visible" size="22" />
    <h4></h4>
    <lyf-switch v-model="visible" :size=40 />
    <h4></h4>
    <lyf-switch v-model="visible" size="50px" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      visible: true, 
    }
  }
}
</script>

<style scoped>
h4 {
  margin-top: 10px;
}
</style>