CODE大全
您的位置 : 首页 > 前端技术 >

滴滴 cube-ui 教程

发布时间:『 2017-12-31

11月8号,滴滴在github上开源了Wehttp://www.bdx-leb.com/593d/d31d33cff64c.htmlb移动端组件库http://www.bdx-leb.com/9fbd/49220e907759.htmlcube-ui。cube-ui是基于Vue.js 2.0的,目前在github上已获得上千个star。值得一提的是cube-ui和WeUI类似,只不过底层实现不一样罢了,本文将主要介绍cube-ui的使用。

安装

http://www.bdx-leb.com/4505/ec368148f98e.html安装的方法很简单,依赖npm。

npm install cube-ui --save

基本http://www.bdx-leb.com/c2f9/1f57f7dc5e95.html用法

http://www.bdx-leb.com/e92c/95324a8f82ab.html安装完成之后,在使用时,引入cube-ui,然后调用use方法即可。

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

Vue.use(Cube)

使用模块化的cube-ui

import Vue from 'vuehttp://www.bdx-leb.com/3ea8/e908e415052d.html'
import {
  /* www.xttblog.com */
  Style,
  Button,
  ActionSheet
} from 'chttp://www.bdx-leb.com/759e/faaff6ee2662.htmlube-ui'

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

cuhttp://www.bdx-leb.com/cb58/766dce5fe7be.htmlbe-ui的特点

组件多 主题丰富

大家可以直接把官网上的代码clone下来。

git clone git@github.com:didi/cube-ui.git
cd cube-ui
npm install
npm run dev
http://www.bdx-leb.com/2851/16bf71a6ca57.html# or run document development
npm run doc-dev

直接运行就可以看到效果。cube-ui运行后,在手机上查看,效果最佳http://www.bdx-leb.com/01cf/abfc64b13150.html


——— 全文完 ———
上一篇:emergence.js 教程 下一篇:没有了
Powered by 张鑫旭 | 鄂ICP备14009759号-2 | 网站留言 Copyright © 2014-2016 张鑫旭 版权所有