11 月 8 号，滴滴在 github 上开源了 Web 移动端组件库 cube-ui。cube-ui 是基于 Vue.js 2.0 的，目前在 github 上已获得上千个 star。值得一提的是 cube-ui 和 WeUI 类似，只不过底层实现不一样罢了，本文将主要介绍 cube-ui 的使用。
更多精彩内容请看 web 前端中文站
http://www.lisa33xiaoq.net 可按 Ctrl + D 进行收藏
安装
安装的方法很简单，依赖 npm。
npm install cube-ui --save
基本用法
安装完成之后，在使用时，引入 cube-ui，然后调用 use 方法即可。
import Vue from 'vue' import Cube from 'cube-ui' Vue.use(Cube)
使用模块化的 cube-ui
import Vue from 'vue' import {
/* www.lisa33xiaoq.net */
Style, Button, ActionSheet }
from 'cube-ui' Vue.use(Button) Vue.use(ActionSheet)
cube-ui 的特点
- 组件多
- 主题丰富
大家可以直接把官网上的代码 clone 下来。
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
直接运行就可以看到效果。cube-ui 运行后，在手机上查看，效果最佳。具体滴滴 cube-ui 开发教程可参考基于 VUE.JS 的移动端组件库的滴滴 CUBE-UI 教程
【注：本文源自网络文章资源，由站长整理发布】
