cube-ui

A fantastic mobile ui lib implement by Vue

VueMobile
didi/cube-uididi.github.io/cube-ui/cube-ui

README


cube-ui Build Status codecov.io downloads


A fantastic mobile ui lib implement by Vue.


Links


- Home
- Docs
- Example

  Example QR

- Application Guide

Communication


QQ Community QR

New cube-ui project ?


Recommend use the CLI tools base on vue-cli to init the config and base code:

  1. ``` sh
  2. $ vue init cube-ui/cube-template projectname
  3. ```

Install


  1. ``` sh
  2. npm install cube-ui --save
  3. ```

Usage


  1. ``` js
  2. import Vue from 'vue'
  3. import Cube from 'cube-ui'

  5. Vue.use(Cube)
  6. ```

Use modularized cube-ui


  1. ``` js
  2. import Vue from 'vue'
  3. import {
  4.   /* eslint-disable no-unused-vars */
  5.   Style,
  6.   Button,
  7.   ActionSheet
  8. } from 'cube-ui'

  10. Vue.use(Button)
  11. Vue.use(ActionSheet)
  12. ```

For more information, please refer to Quick Start


Development


  1. ``` sh
  2. git clone git@github.com:didi/cube-ui.git
  3. cd cube-ui
  4. npm install
  5. npm run dev
  6. # or run document development
  7. npm run doc-dev
  8. ```

Changelog


Detailed changes for each release are documented in the release notes.

DiDi Open Sources


- Mpx: An enhanced miniprogram framework with data reactivity and deep optimizition.
- Chameleon/kəˈmiːlɪən/: Unify all platforms(Web/Weex/Mini program) with MVVM. Focus on Write Once Run AnyWhere.
- mand-mobile: A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios.
- DoraemonKit/'dɔ:ra:'emɔn/: A full-featured App (iOS & Android) development assistant. You deserve it.
- Booster: An easy-to-use, lightweight, powerful and extensible quality optimization toolkit designed specially for mobile applications.
- More repos