1.0.1 • Published 3 years ago
bear-ui-demo v1.0.1
bear 一个UI组件
介绍
这是我在学习 Vue 过程中做的一个 UI 框架,希望对你有用。
安装
开始使用
添加CSS样式
安装 使用本框架前,请在 CSS 中开启 border-box
*,*::before,*::after{box-sizing: border-box;}
IE 8 及以上浏览器都支持此样式。
你还需要设置默认颜色等变量(后续会改为 SCSS 变量)
html { --button-height: 32px; --font-size: 14px; --button-bg: #ffff; --button-active-bg: #eee; --border-radius: 4px; --color: #333; --border-color: #999; --border-color-hover: #666; }
IE 15 及以上浏览器都支持此样式。
安装 gulu
npm i --save bear-ui-demo
- 引入 gulu
import {Button, ButtonGroup, Icon} from 'frank-test-1-1' import 'frank-test-1-1/dist/index.css' export default { name: 'app', components: { 'g-button': Button, 'g-icon': Icon } }
文档
提问
变更记录
0.0.1版本 :没有转译 --no-minify 样式不见了
button轮子 icon轮子 button-group轮子
0.0.2版本 :dist/css发布
button轮子
icon轮子
button-group轮子0.0.3版本 :用户不在需要依靠引入轮子的 iconfount
button轮子 icon轮子 button-group轮子
0.0.4版本 :增加
input轮子
各种输入框0.0.5版本 :增加
grid轮子
实现栅格- 0.0.5版本 :增加
layout轮子
实现布局 - 0.0.6版本 :增加
tabs轮子
实现tab切换 - 0.0.7版本 :增加
toast轮子
弹出提示框 - 0.0.8版本 :增加
popover轮子
按钮弹出层 - 1.0.0版本 :整合测试各轮子的使用,发布上线!
联系方式
邮箱:11143366961@qq.com
贡献代码
Kai