標題

文字文字文字文字文字文字文字文字文字文字文字文字

沒什麼特別的技術 ∠( ᐛ 」∠)_

使用範例

基本用法

文字文字文字文字文字文字文字文字文字文字文字文字

停用按鈕

查看範例原始碼

<template>
  <div class="w-full flex flex-col gap-4 border border-gray-200 rounded-xl p-6">
    <div class="flex flex-col gap-4 border rounded">
      <base-checkbox
        v-model="disabled"
        label="停用按鈕"
        class="p-4"
      />
    </div>

    <div class="flex justify-center">
      <ex-comp />
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import BaseCheckbox from '../../base-checkbox.vue'
import ExComp from '../ex-comp.vue'

const text = ref('')
const disabled = ref(true)
</script>

原理

文字文字文字文字文字文字文字文字文字文字文字文字

📚 甚麼是 IntersectionObserver

注意！Σ(ˊДˋ;)

請不要將 overflow 設定為 hidden，否則按鈕一移動就會啪沒了，消失的無影無蹤。

原始碼

元件

、範例

API

Props

interface Props {
  modelValue?: string;
}

Emits

interface Emits {
  'update:modelValue': [value: Props['modelValue']];
}

Methods

interface Expose { }

Slots

interface Slots {
  default?: () => unknown;
}