Go to file

moyus 381db2d449 Update		2019-03-08 19:45:50 +08:00
.github	Update issue tpl & docs	2019-03-08 12:06:12 +08:00
build	build: fix rollup config	2019-03-08 19:32:20 +08:00
components	fix: fix css variables not working on some components (#351 )	2019-03-08 15:44:49 +08:00
config	Initial commit	2018-03-26 16:04:04 +08:00
docs	Update	2019-03-08 19:45:50 +08:00
examples	build: add dev bundle	2019-02-23 11:42:59 +08:00
site	Update	2019-03-08 19:45:50 +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.4	2019-03-08 19:32:39 +08:00
CHANGELOG.md	Bump version up to 2.1.4	2019-03-08 19:32:39 +08:00
CONTRIBUTING.md	Initial commit	2018-03-26 16:04:04 +08:00
gulpfile.js	Initial commit	2018-03-26 16:04:04 +08:00
jest.config.js	test: update jest config	2018-12-28 17:13:30 +08:00
LICENSE	Initial commit	2018-03-26 16:04:04 +08:00
package-lock.json	Update	2019-03-08 19:45:50 +08:00
package.json	Bump version up to 2.1.4	2019-03-08 19:32:39 +08:00
postcss.config.js	build: fix rollup config	2019-03-08 19:32:20 +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

README.md

mand-mobile

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:

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

Use babel-plugin-import or ts-import-plugin (Recommended)

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

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

Community

License

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