cube-ui

基于 Vue.js 的移动端组件库
授权协议 Apache
开发语言 JavaScript
所属分类 手机/移动开发、 手机Web开发框架
软件类型 开源软件
地区 国产
投 递 者 唐煜
操作系统 跨平台
开源组织 滴滴出行
适用人群 未知
 软件概览

cube-ui 是由滴滴开源的基于 Vue.js 实现的移动端组件库。

功能特性

  • 质量可靠

    由滴滴内部组件库精简提炼而来,经历了业务一年多的考验,并且每个组件都有充分单元测试,为后续集成提供保障。

  • 体验极致

    以迅速响应、动画流畅、接近原生为目标,在交互体验方面追求极致。

  • 标准规范

    遵循统一的设计交互标准,高度还原设计效果;接口标准化,统一规范使用方式,开发更加简单高效。

  • 扩展性强

    支持按需引入和后编译,轻量灵活;扩展性强,可以方便地基于现有组件实现二次开发。

安装

npm install cube-ui --save

使用

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

Vue.use(Cube)

按需使用

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

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

注:上述使用依赖插件 babel-plugin-transform-modules,详细内容请看 开始文档

  • /移动端 <cube-upload .... @files-add="addedHandler" ....> methods:{ addHandler(files){ //限制图片大小最大为7M const maxSize = 7*1024*1024 for(let k

  • (一)创建一个vue项目 (1) (安装全局vue-cli,通过vue -V查看版本) npm install -g vue-cli (2)vue init 你用的模板工具 项目名称 (这里采用webpack作为模板工具) vue init webpack my-project (3)安装成功后进入你的项目目录 cd my-project (4) 启动项目 npm run de

  • 需求中有个页面是带导航的List列表,想来这么常见的需求定会有轮子可用,找了一通发现滴滴的开源库cube-ui实现了此功能,但在集成使用的过程中也遇到了一些问题,在此记录。 错误信息: These relative modules were not found: ./cubeic.ttf in ./node_modules/css-loader??ref–11-oneOf-3-1!./node_m

  • 开发条件:使用cube-ui中的cube-slide开发公告栏,文字上下滑动,上下滚动效果的功能 开发过程中遇到的问题: 在开发中遇到功能性的问题最先思索,该功能组件能否使用安装的UI中的组件去开发完成 阅读官方文档,因为我只是粗略的的看了一遍,导致我写的cube-slide轮播没有将cube-slide-item里面的noticeList数组给循环出来,原因是我没有在cube-slide组件中给

 相关资料
  • 本文向大家介绍Vue.js 的移动端组件库mint-ui实现无限滚动加载更多的方法,包括了Vue.js 的移动端组件库mint-ui实现无限滚动加载更多的方法的使用技巧和注意事项,需要的朋友参考一下 通过多次爬坑,发现了这些监听滚动来加载更多的组件的共同点, 因为这些加载更多的方法是绑定在需要加载更多的内容的元素上的, 所以是进入页面则直接触发一次,当监听到滚动事件之后,继续加载更多, 所以对于无

  • 本文向大家介绍基于zepto的移动端轻量级日期插件--date_picker,包括了基于zepto的移动端轻量级日期插件--date_picker的使用技巧和注意事项,需要的朋友参考一下 前言 做过移动Web开发的同学都知道,移动端日期选择是很常见的需求。在PC端,我们有很丰富的选择,比较出名的就有Mobiscroll和jQuery UI Datepicker。个人看来,这些插件存在的两个显而易见

  • Canvas 组件参考 UITransform 组件参考 Widget 组件参考 Button 组件参考 Layout 组件参考 EditBox 组件参考 ScrollView 组件参考 ScrollBar 组件参考 ProgressBar 组件参考 LabelOutline 组件参考 Toggle 组件参考 UIMeshRenderer 组件参考 ToggleGroup 组件参考 Slider

  • 感谢您抽出时间阅读此文章。现在我正在制作一个非常基本的基于瓷砖的游戏。地图是大量的16x16分幅,角色图像也是16x16分幅。我的角色有自己的类,它是sprite类的扩展,x和y位置根据平铺位置保存。 要注意,我是相当缺乏经验pyplay。 我的问题是,我计划将角色移动限制在一次一个图块,我不知道如何做到这一点,即使玩家快速按下方向键几十次,(WASD或箭头键)它也只会移动以一定的速度从瓷砖到瓷砖

  • AKjs前端框架是Andrew.Kim和他的团队一起研发的基于jQuery的一个轻量级前端框架。它是只要懂jQuery的语法很容易上手的框架。该框架里面现在发布了很多移动端常用的功能效果;开发者们使用过程中功能插件也可以自己扩展增加。另一方面,它是相当于一个丰富的组件化UI框架,优点是开发要前后端分离,项目开发过程中后端通过ajax调用数据的机制。 AKjs是一个基于jQuery的一套构建用户界面