Care 是一个简易实用的 UI 框架,基于 Vue,可兼容 PC / 移动端,目前正在持续更新中...
Care 参照了Element UI、Ant Design等常见的UI框架,实现了一些常用的组件,现已发布至npmjs.com。
- 国内(码云):https://uphg.gitee.io/care
- 国外(GitHub):https://uphg.github.io/care/
- Button 按钮
- Input 输入框
- Toast 消息提示
- Tabs 切换
- Collapse 折叠面板
- Lattice 栅格
- Layout 布局
- Divider 分割线
npm i --save care-ui
# 或
yarn add care-ui
使用本框架前,请在 CSS 中开启 border-box
*, *::before, *::after { box-sizing: border-box; }
IE 8 及以上浏览器支持此样式
import { CButton, CButtonGroup, CIcon, ... } from 'care-ui'
import 'care-ui/dist/index.css'
export default {
name: 'App',
components: {
CButton,
CButtonGroup,
CIcon,
...
}
}