English | ä¸æ–‡
mand-mobile
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:
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-projectInstall
npm install mand-mobile --saveImport
- 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)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 devOpen 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.