mand-mobile

前端 框架
? 面向金融场景的Vue移动端UI组件库,丰富、灵活、实用,快速搭建优质的金融类产品

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.

mand-mobile 相关推荐
对于该库,你有要推荐的内容么?点此提交推荐
请文明评论,与人为善,比聪明更重要!
评论