VARLETMaterial design 風(fēng)格移動(dòng)端組件庫(kù)
Varlet 是一個(gè)基于 Vue3 開(kāi)發(fā)的 Material 風(fēng)格移動(dòng)端組件庫(kù),全面擁抱 Vue3 生態(tài),由社區(qū)建立起來(lái)的組件庫(kù)團(tuán)隊(duì)進(jìn)行維護(hù)。
特性
- 提供 50 個(gè)高質(zhì)量通用組件
- 組件十分輕量
- 由國(guó)人開(kāi)發(fā),完善的中英文文檔和后勤保障
- 支持按需引入
- 支持主題定制
- 支持國(guó)際化
- 支持 webstorm,vscode 組件屬性高亮
- 支持 SSR
- 支持 Typescript
- 90% 以上單元測(cè)試覆蓋率,提供穩(wěn)定性保證
- 支持暗黑模式
安裝
CDN
varlet.js 包含組件庫(kù)的所有樣式和邏輯,引入即可。
<div id="app"></div> <script src="https://cdn.jsdelivr.net/npm/vue@next"></script> <script src="https://cdn.jsdelivr.net/npm/@varlet/ui/umd/varlet.js"></script> <script> const app = Vue.createApp({ template: '<var-button>按鈕</var-button>' }) app.use(Varlet).mount('#app') </script>
Webpack / Vite
# 通過(guò) npm 或 yarn 或 pnpm 安裝 # npm npm i @varlet/ui -S # yarn yarn add @varlet/ui # pnpm pnpm add @varlet/ui
import App from './App.vue' import Varlet from '@varlet/ui' import { createApp } from 'vue' import '@varlet/ui/es/style.js' createApp(App).use(Varlet).mount('#app')
評(píng)論
圖片
表情
