Go to file
MeloHG d8f36064c3
Merge pull request #803 from shangguanjianming/feat_update_ui
2022-07-25 16:39:46 +08:00
.github Revert "chore: update preview.yml" 2021-02-03 13:55:19 +08:00
build fix: fix some bugs 2021-05-14 10:23:41 +08:00
components feat: toast间距调整 && tabbar间距调整 && icon增加方形checked字体 && agree组件增加iconType属性 2022-07-21 17:47:45 +08:00
config fix(build): replace NODE_ENV with MAND_ENV in some components 2021-02-04 17:07:36 +08:00
docs feat(site): 官网首页体验优化 (#790) 2022-02-14 16:45:49 +08:00
examples feat(chore): ui,color upgrade (#755) 2021-08-06 14:34:26 +08:00
site feat(site): 官网首页体验优化 (#790) 2022-02-14 16:45:49 +08:00
static Initial commit 2018-03-26 16:04:04 +08:00
test test: update test init config 2018-12-10 21:29:43 +08:00
types fix: supplemental type statement 2019-09-04 21:20:42 +08:00
.babelrc build: update build log & config 2018-12-13 21:18:36 +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 build: add lock file 2019-02-22 20:43:02 +08:00
.npmrc build: add npm config 2019-02-23 11:11:56 +08:00
.travis.yml chore(travis): add dev branch (#521) 2019-08-01 11:49:43 +08:00
CHANGELOG.en-US.md Bump up version to 2.5.20 2021-07-22 11:43:25 +08:00
CHANGELOG.md Bump up version to 2.5.20 2021-07-22 11:43:25 +08:00
CHECKLIST.md Update CHECKLIST.md 2019-03-15 18:13:07 +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 update qqgroup qr 2021-12-22 15:15:38 +08:00
README.zh-CN.md doc: update readme logo and links 2021-05-11 17:53:59 +08:00
gulpfile.js Initial commit 2018-03-26 16:04:04 +08:00
jest.config.js test(ruler): add ruler jest test (#395) 2019-04-09 17:53:58 +08:00
package-lock.json doc:恢复package文档 2022-01-29 14:48:05 +08:00
package.json doc(site): 官网首页和“设计”板块视觉升级 (#779) 2022-01-30 09:37:10 +08:00
postcss.config.js build: fix rollup config 2019-03-08 19:32:20 +08:00

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 jsdelivr License
gzip js size gzip css size


English | 中文

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.

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