Different UI - A Vue.js 3 UI library made by @yesmore
- 🌈 With Colorful Style
- 🔥 Written in TypeScript
- 💪 Vue 3 Composition API
阅读文档：中文版 | English
💻 状态: Beta
目前不推荐使用本框架
这个项目仍在持续开发中。欢迎加入开发，并提出您的第一次 Pull Request 。
下一步计划：
- 完善已有组件样式
- 使用
jest测试已有组件 - 使用
vuepress生成开发文档并上线 - 发布
npm - 编写案例模板
📖 开发文档
更详细的 Api、组件信息请查看 https://yesmore.cc/Different-UI
📘 重要更新
重大更新日志请查看: Breaking Change List.
🖖 安装
$ npm install different-ui -S👋 快速开始
全局加载
// vue3/main.ts
import { createApp } from 'vue'
import App from './App.vue'
import DifferentUi from 'different-ui'
import 'different-ui/lib/packages/theme/index.css'
const app = createApp(App)
app.use(DifferentUi)
app.mount('#app')或 按需加载
// vue3/App.vue
<template>
<div>
<df-button>按钮1</df-button>
</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
import { DfButton } from 'different-ui'
export default defineComponent({
name: 'App',
components: { DfButton },
setup() {},
})
</script>开发者启动
$ npm run dev🌱 禅
Different UI（以下简称 DF）构建于巨人的肩膀上，它借鉴了互联网上优秀开源作品，如 codepen 等，基于此，DF 也将是一款拥抱开源的作品，并将一直持续下去。
🐾 构建者
🎨 请我吃辣条
 微信 |
 支付宝 |
|---|
Licence
Different UI is open source software licensed as MIT.