介紹

Vue Final Modal 是一個輕量、無渲染、對行動裝置友善並且功能豐富的 Vue.js modal 元件。

你可以很輕鬆地製作出一個高階元件（Higher-Order Components）並且依照不同的需求客製元件的內容。

Features

支援 Vue 3、Vue 2 與 Nuxt

Tailwind CSS 友好

無渲染元件

極小的打包尺寸

支援 modal 堆疊、可拆卸、可滾動、可拖曳、可調整大小的 modal、過度效果、無障礙、焦點鎖定、動態 modal

切換你想要的色彩模式：

🎉🎉 在找 Vue 3 版本嗎? 🎉🎉

👉 點擊這邊! 👈

Live Demo

開發

# Clone repo
git clone https://github.com/vue-final/vue-final-modal.git

# Run linter
yarn lint

# Build library
yarn
yarn build

# Run examples
cd examples
yarn
yarn dev

# Run docs
cd docs
yarn
yarn dev

貢獻

👋 嗨！我是 Hunter，vue-final-modal 的作者。

在開發 vue-final-modal 過程中，從這些很棒的 libraries 中學習到很多：

Vuetify
- attach
Element UI
- stackable modal
- zIndex
- zIndexBase
vue-js-modal
- dynamic modal
- transition
- focusTrap for A11y
body-scroll-lock
- lockScroll
vue-resizable
- drag & resize

沒有 library 是完美的，就算是這個 Vue 的 final modal

🚀 如果你有任何想法可以讓 vue-final-modal 變得更好，歡迎隨時打開一個 issues 給我或是發個 pull requests。