组件

基础

• Button 按钮
• Loading 加载中
• Tip 提示
• Toolbar 工具条
• TabBar 选项卡

表单

• Checkbox 复选框
• CheckboxGroup 复选框组
• Radio 单选框
• Input 输入框
• Textarea
• Select 选择
• Switch 开关切换
• Rate 评级
• Validator 校验器
• Upload 上传
• Form 表单

弹层

• Popup
• Toast 提醒
• Picker 选择器
• CascadePicker 级联选择器
• DatePicker 日期选择器
• TimePicker 时间选择器
• SegmentPicker 段选择器
• Dialog 弹框
• ActionSheet 操作菜单
• Drawer 抽屉
• ImagePreview 图片预览

推荐使用基于vue-cli的CLI 工具来初始化配置和基本代码：

$ vue init cube-ui/cube-template projectname

安装

npm install cube-ui --save

用法

import Vue from 'vue'
import Cube from 'cube-ui'

Vue.use(Cube)

使用模块化的cube-ui

import Vue from 'vue'
import {
  /* eslint-disable no-unused-vars */
  Style,
  Button,
  ActionSheet
} from 'cube-ui'

Vue.use(Button)
Vue.use(ActionSheet)

欲了解更多信息，请参阅快速入门

开发

git clone git@github.com:didi/cube-ui.git
cd cube-ui
npm install
npm run dev
# or run document development
npm run doc-dev

项目地址：https://github.com/didi/cube-ui