Orange UI 是一个小型的 UI 框架,提供了一些常用组件,适合桌面端使用。
组件:Button按钮、Input输入框、Grid网格、Layout布局、Toast吐司、Tabs标签页、Popover气泡卡片、Collapse折叠面板
这是我在学习 Vue 时尝试造的轮子,一个 UI 框架,参考了 ELement 和 Ant Design 进行实现,希望能对你有用。
-
添加 CSS 样式 使用本框架前,请在 CSS 中开启 border-box
*,*::before,*::after{ box-sizing: border-box }
IE 8 及以上浏览器支持此样式。
-
安装 Orange UI
npm install orange-7
或者
yarn add orange-7
-
引入 Orange UI
import { Button } from 'orange-7' export default { name: 'app', components: { 'o-button': Button } }
Email: odsts@outlook.com