Skip to content

MajorDong/Orange

Repository files navigation

An easy UI components based on Vue.

Build Status

Orange UI 是一个小型的 UI 框架,提供了一些常用组件,适合桌面端使用。

组件:Button按钮、Input输入框、Grid网格、Layout布局、Toast吐司、Tabs标签页、Popover气泡卡片、Collapse折叠面板

介绍

这是我在学习 Vue 时尝试造的轮子,一个 UI 框架,参考了 ELement 和 Ant Design 进行实现,希望能对你有用。

开始使用

  1. 添加 CSS 样式 使用本框架前,请在 CSS 中开启 border-box

    **::before,*::after{ box-sizing: border-box }

    IE 8 及以上浏览器支持此样式。

  2. 安装 Orange UI

    npm install orange-7
    

    或者

    yarn add orange-7
    
  3. 引入 Orange UI

    import { Button } from 'orange-7'
    
    export default {
        name: 'app',
        components: {
            'o-button': Button
        }
    }

文档

官方文档

提问

Issues

联系方式

Email: odsts@outlook.com

贡献代码

Pull request