Mand Mobile

基于 Vue.js 2 的移动 UI 工具包,专为金融场景而设计。「? A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios.」

Github stars Tracking Chart

Mand Mobile

面向金融场景的移动端 UI 组件库,基于 Vue.js 实现。

链接

预览

安装 & 使用

CLI

Vue CLI 2

通过mand-mobile-template创建新项目。

vue init mand-mobile/mand-mobile-template my-project

Vue CLI 3

通过vue-cli-plugin-mand向 Vue CLI 3 新建的项目里初始化。(默认支持按需引用)

vue create my-project
cd my-project
npm install --save-dev vue-cli-plugin-mand
vue invoke mand

手动安装

在已有项目里手动安装 Mand Mobile 的包。

npm install mand-mobile --save

引入

import { Button } from 'mand-mobile'
  • 按需引入
import Button from 'mand-mobile/lib/button'
  • 全量引入
import Vue from 'vue'
import mandMobile from 'mand-mobile'
import 'mand-mobile/lib/mand-mobile.css'
Vue.use(mandMobile)

使用

选择需要的组件开始构建您的webapp,详细内容请查看快速上手

开发

git clone git@github.com:didi/mand-mobile.git
cd mand-mobile
npm install
npm run dev

打开浏览器访问http://127.0.0.1:4000, 详细内容请查看开发指南

贡献 PR

如有任何的意见或建议,欢迎您通过创建Issue或Pull Request的方式告知我们,请先阅读贡献指南

社区

(参见自述文件)

证书

Mand Mobile使用Apache License 2.0,查看证书

友情链接

  • Chameleon/kəˈmiːlɪən/,简写CML,中文意思变色龙,意味着就像变色龙一样能适应不同环境的跨端整体解决方案,达到真正意义上"一套代码,多端运行"的终极目标
  • DoraemonKit /'dɔ:ra:'emɔn/,简称DoKit, 一款功能齐全的客户端( iOS 、Android、微信小程序 )研发助手,你值得拥有

(原文:https://github.com/didi/mand-mobile/blob/master/RE...


Overview

Name With Ownerdidi/mand-mobile
Primary LanguageVue
Program languageJavaScript (Language Count: 5)
PlatformLinux, Mac, Windows
License:Apache License 2.0
Release Count81
Last Release Namev2.7.0 (Posted on )
First Release Namev1.0.0 (Posted on )
Created At2018-03-23 15:25:50
Pushed At2024-03-12 09:47:41
Last Commit At2024-03-12 17:47:32
Stargazers Count3.4k
Watchers Count81
Fork Count768
Commits Count1.7k
Has Issues Enabled
Issues Count521
Issue Open Count59
Pull Requests Count254
Pull Requests Open Count19
Pull Requests Close Count56
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private

English

To the top