# OrangeUI

**Repository Path**: zx21/orange-ui

## Basic Information

- **Project Name**: OrangeUI
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-12-14
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
  <a href="https://majordong.github.io/Orange/">
    <img width="200" src="./img/orange.png">
  </a>
</p>

<h1 align="center">
  <a href="https://majordong.github.io/Orange/">Orange UI</a>
</h1>

<div align="center">

An easy UI components based on Vue.

[![Build Status](https://travis-ci.org/MajorDong/Orange.svg?branch=master)](https://travis-ci.org/MajorDong/Orange)
![](https://img.shields.io/badge/language-JavaScript-yellow.svg)
![](https://img.shields.io/badge/license-MIT-000000.svg)
</div>

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

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

## 介绍

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

## 开始使用

1. 添加 CSS 样式
    使用本框架前，请在 CSS 中开启 border-box
    ```css
    *，*::before,*::after{ box-sizing: border-box }
    ```
    IE 8 及以上浏览器支持此样式。

2. 安装 Orange UI

    ```
    npm install orange-7
    ```
    或者
    ``` 
    yarn add orange-7
    ```
3. 引入 Orange UI
    ```js
    import { Button } from 'orange-7'

    export default {
        name: 'app',
        components: {
            'o-button': Button
        }
    }

## 文档

[官方文档](https:)

## 提问

[Issues](https://github.com/MajorDong/Orange/issues)

## 联系方式

Email: odsts@outlook.com

## 贡献代码

[Pull request](https://github.com/MajorDong/Orange/pulls)