warm-ui-wheel
v1.0.0
Published
这是一个基于Vue的UI组件库
Downloads
22
Readme
Warm UI
介绍
为了熟悉对Vue的使用,以及对组件化开发的理解,而制作的一个基于 Vue 的 UI 组件库!
安装
npm i --save warm-ui-test-1
开始使用
添加 CSS 样式
使用本UI组件库之前,请在 CSS 中开启 border-box:
*,*::before,*::after { border-sizing: border-box; }
IE 8 及以上浏览器都支持此样式。
你还需要设置默认颜色等变量(后续会改为 SCSS 变量)
:root { --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; } body { font-size: var(--font-size); }
IE 15 及以上浏览器都支持此样式。
引入 warm-ui
import {Button, Icon, ButtonGroup} from 'warm-ui-test-1' import 'warm-ui-test-1/dist/index.css' export default { name: 'app', components: { 'g-button': Button, 'g-button-group': ButtonGroup, 'g-icon': Icon } }