https://github.com/desnlee/desn-ui

A UI library based on Vue.js 3.0 and Typescript. 基于 Vue 3 和 TypeScript 的 UI 组件库.
https://github.com/desnlee/desn-ui

ui-components ui-design

Last synced: 1 day ago
JSON representation

A UI library based on Vue.js 3.0 and Typescript. 基于 Vue 3 和 TypeScript 的 UI 组件库.

• Host: GitHub
• URL: https://github.com/desnlee/desn-ui
• Owner: DesnLee
• License: mit
• Created: 2022-02-10T09:20:02.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2022-09-06T09:05:27.000Z (over 2 years ago)
• Last Synced: 2024-10-24T00:23:15.856Z (2 months ago)
• Topics: ui-components, ui-design
• Language: Vue
• Homepage: https://ui.desnlee.top
• Size: 99.6 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 介绍

> Desn-UI 是一款基于 Vue 3 和 TypeScript 的 UI 组件库。

访问 [DesnLee-UI](https://ui.desnlee.top)

# 安装

```shell

npm install desn-ui   # yarn add desn-ui

```

# 使用

### 引入组件和样式文件

```javascript

import 'desn-ui/lib/index.css';

import { Button, Tabs, Tab, Switch, Dialog } from 'desn-ui';

```

### 使用示例

```html

  


    这是一个按钮

  


import { Button, Tabs, Tab, Switch, Dialog } from "desn-ui"

export default {

  components : {

    Button,

    Tabs,

    Tab,

    Switch,

    Dialog

  }

}

```

# 提示～

**写这个组件库有两个原因：**

- 我是一个 UI 设计师

- 我想要提高 Vue.js 3 的熟练度，并进行总结

 

为了打磨技术，本项目从组件功能代码，组件样式设计，几乎没有采用第三方库，都是全程亲手编写。

***除非你是抱着看源代码的目的来的，否则不建议将此 UI 库用于生产环境。***

 

**Tips：**

- 历史提交信息较规范，你可以按提交的顺序逐个查看（组件库发布前的历史提交请前往 [Desn-UI 官网仓库](https://github.com/DesnLee/Desn-UI-Website) 查看

- 你也可以直接查看每个组件的源代码和示例，运行方法见 README.md。