Skip to content
πŸ’° A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios.
Vue JavaScript CSS HTML
Branch: master
Clone or download
Latest commit 6f1cb4e Aug 13, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github chore: update issue template Aug 13, 2019
build fix: resolved 'build components complete' log (#502) Jul 29, 2019
components style: update theme variables Aug 13, 2019
config Initial commit Mar 26, 2018
docs Update docs Aug 13, 2019
examples doc(ruler):update readme & meta info Apr 6, 2019
site site: update style Aug 13, 2019
static Initial commit Mar 26, 2018
test test: update test init config Dec 10, 2018
types feat(toast):add Toast.component for componentized usage (#464) Jun 13, 2019
.babelrc build: update build log & config Dec 13, 2018
.editorconfig Initial commit Mar 26, 2018
.eslintignore Initial commit Mar 26, 2018
.eslintrc.js Initial commit Mar 26, 2018
.gitignore build: add lock file Feb 22, 2019
.npmrc Dev (#333) Feb 23, 2019
.travis.yml chore(travis): add dev branch (#521) Aug 1, 2019
CHANGELOG.en-US.md Bump up version to 2.4.2 Aug 13, 2019
CHANGELOG.md Bump up version to 2.4.2 Aug 13, 2019
CHECKLIST.md Update CHECKLIST.md Mar 15, 2019
CONTRIBUTING.md Initial commit Mar 26, 2018
LICENSE Initial commit Mar 26, 2018
README.md doc: update started & readme Jul 22, 2019
README.zh-CN.md doc: update started & readme Jul 22, 2019
gulpfile.js Initial commit Mar 26, 2018
jest.config.js test(ruler): add ruler jest test (#395) Apr 9, 2019
package-lock.json Dev (#450) May 25, 2019
package.json Bump up version to 2.4.2 Aug 13, 2019
postcss.config.js build: fix rollup config Mar 8, 2019

README.md

LOGO

mand-mobile

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

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


English | δΈ­ζ–‡

Links

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 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.

You can’t perform that action at this time.