\"gzip
微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

mand-mobile CLI手动安装引入使用 面向金融场景的 Vue.js 移动端组件库

程序名称:mand-mobile CLI手动安装引入使用

授权协议: Apache-2.0

操作系统: 跨平台

开发语言: JavaScript

mand-mobile CLI手动安装引入使用 介绍

Mand Mobile

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

Build Status


codecov


npm package

npm
downloads


License

gzip js
size gzip css
size

链接

预览

扫描下方二维码,打开示例集合进行预览:

Mand Mobile
Examples

安装 & 使用

CLI

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

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

通过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

引入

  • 使用 babel-plugin-importts-import-plugin (推荐)

    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 [email protected]: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,查看证书

mand-mobile CLI手动安装引入使用 官网

https://gitee.com/didiopensource/mand-mobile

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐