• 欢迎访问web前端中文站,JavaScript,CSS3,HTML5,web前端demo
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏web前端中文站吧

滴滴 cube-ui 教程

JAVA web前端中文站 3年前 (2017-11-11) 15146次浏览 已收录 0个评论
文章目录[隐藏]

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 教程

【注:本文源自网络文章资源,由站长整理发布】


web 前端中文站 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:滴滴 cube-ui 教程
喜欢 (2)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址