root
/
mand-mobile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
172 Commits 27 Branches 81 Tags 98 MiB
Vue 67.2%
JavaScript 27.7%
Stylus 4.7%
CSS 0.2%
HTML 0.2%
Go to file
xuxiaoyan e70bf99b67 Merge branch 'dev' of https://github.com/didi/mand-mobile into dev 2018-05-08 15:55:03 +08:00
.github build:update issue template 2018-04-17 11:03:43 +08:00
build fix: change name 2018-05-08 15:36:39 +08:00
components doc(toast): fix doc bug 2018-05-08 11:42:11 +08:00
config Initial commit 2018-03-26 16:04:04 +08:00
docs Update docs 2018-04-19 14:54:39 +08:00
examples build: now you can develop single component by "npm run dev -- --component=xxx" 2018-04-28 17:24:38 +08:00
site doc(started):add release structure 2018-05-08 15:54:54 +08:00
static Initial commit 2018-03-26 16:04:04 +08:00
test/unit fix(build): unit test script 2018-04-02 16:10:29 +08:00
types Initial commit 2018-03-26 16:04:04 +08:00
.babelrc build: now you can develop single component by "npm run dev -- --component=xxx" 2018-04-28 17:24:38 +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 fix: change name 2018-05-08 15:36:39 +08:00
.travis.yml Update CI 2018-04-11 16:41:58 +08:00
CHANGELOG.md doc:update changelog 2018-05-04 17:58:36 +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-05-07 17:44:02 +08:00
README.zh-CN.md doc:update readme 2018-05-07 17:44:02 +08:00
gulpfile.js Initial commit 2018-03-26 16:04:04 +08:00
package.json fix: change name 2018-05-08 15:36:39 +08:00
postcss.config.js fix: remove lib/nib/flex when build and instead by postcss javascript api (#54) 2018-05-04 17:43:30 +08:00

README.md

English | 中文


mand-mobile

Build Status codecov npm package NPM downloads

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

Links

Preview

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

Mand Mobile Examples

Install & Usage

Template for new project

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

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

Install

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)

CDN

<link rel="stylesheet" href="https://unpkg.com/mand-mobile/lib/mand-mobile.css">
<script src="https://unpkg.com/mand-mobile/lib/mand-mobile.umd.js"></script>

Usage

Select the components that 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.

License

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