https://github.com/didi/cube-ui

:large_orange_diamond: A fantastic mobile ui lib implement by Vue
https://github.com/didi/cube-ui

cube-ui javascript ui-library vue vue-components vue-ui

Last synced: about 1 month ago
JSON representation

:large_orange_diamond: A fantastic mobile ui lib implement by Vue

• Host: GitHub
• URL: https://github.com/didi/cube-ui
• Owner: didi
• License: apache-2.0
• Created: 2017-11-03T06:17:27.000Z (almost 7 years ago)
• Default Branch: dev
• Last Pushed: 2024-05-15T02:10:17.000Z (4 months ago)
• Last Synced: 2024-05-29T03:13:16.028Z (3 months ago)
• Topics: cube-ui, javascript, ui-library, vue, vue-components, vue-ui
• Language: JavaScript
• Homepage: https://didi.github.io/cube-ui/
• Size: 26.1 MB
• Stars: 9,114
• Watchers: 214
• Forks: 1,472
• Open Issues: 63
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: .github/CODE_OF_CONDUCT.md

Awesome Lists containing this project

• awesome - didi/cube-ui - :large\_orange\_diamond: A fantastic mobile ui lib implement by Vue (JavaScript)
• awesome-tools - `cube-ui`
• awesome-github-star - cube-ui
• awesome-made-by-chinese - cube-ui

README

        

# cube-ui [![Build Status](https://travis-ci.org/didi/cube-ui.svg?branch=master)](https://travis-ci.org/didi/cube-ui?branch=master) [![codecov.io](http://codecov.io/github/didi/cube-ui/coverage.svg?branch=master)](http://codecov.io/github/didi/cube-ui?branch=master) [![downloads](https://img.shields.io/npm/dm/cube-ui.svg)](https://www.npmjs.com/package/cube-ui)

> A fantastic mobile ui lib implement by Vue.

### Links

- [Home](https://didi.github.io/cube-ui/)

- [Docs](https://didi.github.io/cube-ui/#/en-US/docs)

- [Example](https://didi.github.io/cube-ui/example/)

  ![Example QR](./assets/example-qr.png)

- [Application Guide](https://github.com/cube-ui/cube-application-guide)

### Communication

![QQ Community QR](./assets/cube-qq-QR.jpg)

### New cube-ui project ?

Recommend use the [CLI tools](https://github.com/cube-ui/cube-template) base on [vue-cli](https://github.com/vuejs/vue-cli) to init the config and base code:

```shell

$ vue init cube-ui/cube-template projectname

```

### Install

```shell

npm install cube-ui --save

```

### Usage

```js

import Vue from 'vue'

import Cube from 'cube-ui'

Vue.use(Cube)

```

#### Use modularized cube-ui

```js

import Vue from 'vue'

import {

  /* eslint-disable no-unused-vars */

  Style,

  Button,

  ActionSheet

} from 'cube-ui'

Vue.use(Button)

Vue.use(ActionSheet)

```

For more information, please refer to [Quick Start](https://didi.github.io/cube-ui/#/en-US/docs/quick-start)

### Development

```shell

git clone [email protected]:didi/cube-ui.git

cd cube-ui

npm install

npm run dev

# or run document development

npm run doc-dev

```

### Changelog

Detailed changes for each release are documented in the [release notes](https://github.com/didi/cube-ui/releases).

### DiDi Open Sources

- [Mpx](https://github.com/didi/mpx): An enhanced miniprogram framework with data reactivity and deep optimizition.

- [Chameleon](https://github.com/didi/chameleon)/kəˈmiːlɪən/: Unify all platforms(Web/Weex/Mini program) with MVVM. Focus on Write Once Run AnyWhere.

- [mand-mobile](https://github.com/didi/mand-mobile): A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios.

- [DoraemonKit](https://github.com/didi/DoraemonKit)/'dɔ:ra:'emɔn/: A full-featured App (iOS & Android) development assistant. You deserve it.

- [Booster](https://github.com/didi/booster): An easy-to-use, lightweight, powerful and extensible quality optimization toolkit designed specially for mobile applications.

- [More repos](https://github.com/didi/)