yesmore / Different-UI

Different UI - A Vue.js 3 UI library made by @yesmore

• 🌈 With Colorful Style
• 🔥 Written in TypeScript
• 💪 Vue 3 Composition API

💻 状态: 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.