README
hercule-ui —— 一个 Vue UI 组件库
介绍
使用 Vue.js 的 Web 端 UI 组件库
开始使用
CSS 样式
使用本框架前请在 CSS 中开启 border-box
*,*::before,*::after{box-sizing: border-box;}
IE 8 及以上浏览器都支持此样式
你还需设置默认变量
html { --button-height: 32px; --font-size: 14px; --button-bg: white; --button-active-bg: #eee; --border-radius: 4px; --color: #333; --border-color: #999; --border-color-hover: #666; }
安装 hercule-ui
npm i --save hercule-ui
引入 hercule-ui
import {Button,ButtonGroup,Icon} from 'hercule-ui' import 'hercule-ui/dist/index.css' export default { name: 'app', components: { HelloWorld, 'g-button': Button, ... } }
IE 15 及以上浏览器都支持此样式