Skip to content

didi/mand-mobile

Folders and files

NameName
Last commit message
Last commit date
Feb 3, 2021
May 14, 2021
Aug 26, 2022
Feb 4, 2021
Feb 14, 2022
Aug 6, 2021
Aug 10, 2022
Mar 26, 2018
Dec 10, 2018
Aug 10, 2022
Dec 13, 2018
Mar 26, 2018
Mar 26, 2018
Mar 26, 2018
Feb 22, 2019
Feb 23, 2019
Aug 1, 2019
Jul 22, 2021
Aug 26, 2022
Mar 15, 2019
Mar 26, 2018
Mar 26, 2018
Dec 22, 2021
May 11, 2021
Mar 26, 2018
Apr 9, 2019
Aug 26, 2022
Aug 26, 2022
Mar 8, 2019

Repository files navigation

LOGO

mand-mobile

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

Build Status codecov npm package npm downloads jsdelivr 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 [email protected]: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.

Useful Links

  • Hummer is a set of high-performance and highly available cross-terminal development framework, a set of code can support the development of Android and iOS applications at the same time. Now supports Vue/TypeScript/JavaScript, for front-end developers, there is always one suitable for you.

  • DoraemonKit /'dɔ:ra:'emɔn/: A full-featured App (iOS & Android) development assistant. You deserve it.

  • Chameleon /kəˈmiːlɪən/: Unify all platforms(Web/Weex/Mini program) with MVVM. Focus on Write Once Run AnyWhere.