快速上手 脚手架 安装 NPM CDN 使用 全部引入 按需引入 示例 快速上手 新手教程项目：cube-application-guide 脚手架 如果你打算用在一个新项目中使用 cube-ui，可以通过我们提供的一套基于 vue-cli 实现的脚手架 去初始化 cube-ui 项目的配置和基础代码，这样你就可以忽略安装 ...

Slide 示例 Props 配置 插槽 事件 实例方法 Slide 轮播图，提供了常见的轮播 及swipe 的功能，也是一个基于better-scroll 进行封装的组件。 示例 基本使用 由于 cube-slide 最常用的场景中，每个轮播页是一个可跳转链接的图片，所以我们提供的最简便的用法是，通过 data 属性传入一个包含...

Loading 示例 图标大小 Props 配置 Loading 加载，提供了可自定义大小的加载动画。 示例 图标大小 默认大小为24px，可通过size属性配置 <cube-loading></cube-loading> <cube-loading : size = "28" ></cube-loading> <cube...

Tip 示例 基础使用 小三角和气泡框的位置 Props 配置 事件 Tip 提示，用于弹出提示气泡框。 示例 基础使用 通过在 Tip 组件上添加 ref 属性，获得对于组件的引用，然后调用 Tip 组件向外暴露出来的 show、hide 方法来控制组件的显示或隐藏。 <cube-button : inline = "tru...

介绍 特性 组件 基础 弹层 滚动 高级 模块 style create-api better-scroll 介绍 cube-ui 是基于 Vue.js 实现的精致移动端组件库。 特性 质量可靠 由滴滴内部组件库精简提炼而来，经历了业务一年多的考验，并且每个组件都有充分单元测试，为后续集成提供保障。 体验极致 ...

Switch 滑动开关 示例 基本用法 禁用状态 Props 配置 Switch 滑动开关 1.4.0 新增 滑动开关，用于切换 on/off 状态。 示例 基本用法 <cube-switch v-model = "value" > Switch </cube-switch> export defau...

Button 示例 按钮类型 按钮状态 图标 样子 Props 配置 事件 Button 按钮，提供了各种类型、样子、状态以及图标。 示例 按钮类型 默认类型为 button，还可设置为 submit 用于表单中 <cube-button> Button </cube-button> <cube-button typ...

Validator 示例 基本用法 给表单添加警告样式 自定义提示插槽 异步校验1.8.0+ 提交 Props Slot 事件 实例方法 规则 已有规则 添加规则 添加默认提示信息 添加类型 Validator 1.5.0 新增 校验器，用于对表单进行验证，并提示相应的错误信息。 示例 基本用法 Vali...

Rate 示例 基本用法 多项配置 自定义星星样式 Props 配置 插槽 cube-rate-item 的插槽 Rate 1.5.0 新增 评分组件。你可以自定义星星个数，可以禁用交互，以用作评价展示，可以通过插槽自定义星星样式。 示例 基本用法 使用 v-model 对评分值双向绑定。 <cube-rate v...

Hierarchy Panel New Node UI nodes Prefab nodes Search Nodes Change the display order of nodes Rename Nodes Other Operations Hierarchy Panel The Hierarchy panel consists ...