Different-ui NPM

🌈 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>

开发者启动