一个 win10 风格的组件库
这里 可以查看在线文档
仅支持 Vue >= 3.2.0
Chrome |
---|
78+ |
# NPM
npm i -S x-ui-vue3 @vueuse/core moment
import { createApp } from 'vue'
import XUI from 'x-ui-vue3'
import App from './App.vue'
import 'x-ui-vue3/theme/light.css' // 浅色主题
// import 'x-ui-vue3/theme/dark.css' // 深色主题
const app = createApp(App)
app.use(XUI)
npm install -D unplugin-vue-components
// vite.config.ts
import { defineConfig } from 'vite'
import Components from 'unplugin-vue-components/vite'
import { XUIResolver } from 'x-ui-vue3/plugins'
export default defineConfig({
// ...
plugins: [
Components({
resolvers: [XUIResolver()]
})
]
})
// tsconfig.json
{
"compilerOptions": {
// ...
"types": ["x-ui-vue3/global"]
}
}
-
这个组件库为什么会存在?
因为好玩 🤣
喜欢 win10 风格,所以就尝试着做一套 win10 组件库
-
这个组件库有什么优点吗?
与 naive-ui、antdv 等主流UI库相比并没什么优势
唯一的优点就是 win10 风格
-
那有什么缺点吗?
😙亲!缺点可多了呢!
功能不丰富
文档不完善
可能有bug
只测试了 Chrome 最新版本,其他浏览器性兼容未知
-
我是编程新手,可以用吗?
不推荐
建议学习其他主流UI库,此 UI 仅供学习娱乐