Go to file
supergaojian 86cd506c0e test(ruler): add ruler jest test (#395)
* fix(ActivityIndicator): fix wrong roller-success background-color

* feat(ruler): add new component Ruler

* feat(ruler): update for ruler

* feat(ruler): finish ruler

* code-style(activity-indicator): change color

* feat(ruler): remove mouse event and add throttle

* test(jest): add jest-canvas-mock
2019-04-09 17:53:58 +08:00
.github add pr template 2019-04-06 16:43:36 +08:00
build build(rollup): fix typo (#376) 2019-03-23 21:57:24 +08:00
components test(ruler): add ruler jest test (#395) 2019-04-09 17:53:58 +08:00
config Initial commit 2018-03-26 16:04:04 +08:00
docs Update docs 2019-03-22 20:42:18 +08:00
examples doc(ruler):update readme & meta info 2019-04-06 22:38:44 +08:00
site Merge branch 'dev' of https://github.com/didi/mand-mobile into dev 2019-04-09 17:46:02 +08:00
static Initial commit 2018-03-26 16:04:04 +08:00
test test: update test init config 2018-12-10 21:29:43 +08:00
types fix(types): remove default export 2019-02-26 13:43:25 +08:00
.babelrc build: update build log & config 2018-12-13 21:18:36 +08:00
.editorconfig Initial commit 2018-03-26 16:04:04 +08:00
.eslintignore Initial commit 2018-03-26 16:04:04 +08:00
.eslintrc.js Initial commit 2018-03-26 16:04:04 +08:00
.gitignore build: add lock file 2019-02-22 20:43:02 +08:00
.npmrc build: add npm config 2019-02-23 11:11:56 +08:00
.travis.yml Update CI 2018-04-11 16:41:58 +08:00
CHANGELOG.en-US.md Bump version up to 2.1.7 2019-03-22 20:34:04 +08:00
CHANGELOG.md Bump version up to 2.1.7 2019-03-22 20:34:04 +08:00
CHECKLIST.md Update CHECKLIST.md 2019-03-15 18:13:07 +08:00
CONTRIBUTING.md Initial commit 2018-03-26 16:04:04 +08:00
LICENSE Initial commit 2018-03-26 16:04:04 +08:00
README.md doc: update readme 2018-12-14 19:51:38 +08:00
README.zh-CN.md doc: update readme 2018-12-14 19:51:38 +08:00
gulpfile.js Initial commit 2018-03-26 16:04:04 +08:00
jest.config.js test(ruler): add ruler jest test (#395) 2019-04-09 17:53:58 +08:00
package-lock.json Bump version up to 2.1.7 2019-03-22 20:34:04 +08:00
package.json test(ruler): add ruler jest test (#395) 2019-04-09 17:53:58 +08:00
postcss.config.js build: fix rollup config 2019-03-08 19:32:20 +08:00

README.md

mand-mobile

Build Status codecov npm package License
npm downloads gzip js size gzip css size

A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios.

English | 中文

Preview

You can scan the following QR code to access the examples:

Mand Mobile Examples

Install & Usage

Template for new project

Vue CLI 2

New project can be initialized and integrated with mand-mobile by vue-cli-2 with mand-mobile-template.

vue init mand-mobile/mand-mobile-template my-project

Vue CLI 3

New project can be initialized and integrated with mand-mobile by vue-cli with vue-cli-plugin-mand.

vue create my-project
cd my-project
npm install --save-dev vue-cli-plugin-mand
vue invoke mand

Manually

npm install mand-mobile --save

Import

import { Button } from 'mand-mobile'
  • Manually import
import Button from 'mand-mobile/lib/button'
  • Totally import
import Vue from 'vue'
import mandMobile from 'mand-mobile'
import 'mand-mobile/lib/mand-mobile.css'

Vue.use(mandMobile)

Usage

Select the components you need to build your webapp. Find more details in Component Preview and Quick Start.

Development

git clone git@github.com:didi/mand-mobile.git
cd mand-mobile
npm install
npm run dev

Open your browser and visit http://127.0.0.1:4000. Find more details in Development Guide.

Contributing PR

Welcome to contribute by creating issues or sending pull requests. See Contributing Guide for guidelines.

Community

Mand Mobile Community

License

Mand Mobile is licensed under the Apache License 2.0. See the LICENSE file.