1.0.0 • Published 4 years ago
lunzi-zhaohuaxs v1.0.0
轮子 - 一个 Vue UI 组件
介绍
此款 UI 框架由 Vue 制作完成,并不断扩充,经常更新。
开始使用
- 添加 CSS 样式 使用本框架前,请在CSS中开启 border-box
*,*::before,*::after{box-sizing:border-box}
IE 8 及以上浏览器都支持此样式
你还需要设置默认颜色等变量(后续会改为SCSS变量)
html{
--button-height:32px;
--font-size:14px;
--button-bg:white;
--button-active-bg:#eee;
--border-radius:4px;
--color:#999;
--border-color:#999;
--border-color-hover:#666;
}
IE 15 及以上浏览器都支持此样式 2. 安装 lunzi
npm i --save lunzi
- 引入 lunzi
import {Button,ButtonGroup,Icon} from 'lunzi-2020.8.9'
import 'lunzi-2020.8.9/dist/index.css'
export default{
name:'app',
components:{
'g-button':Button,
'g-icon':Icon
}
}
文档
提问
变更记录
联系方式
贡献代码
1.0.0
4 years ago