简介

mvui是一套基于 Vue.js 的开源UI组件库，主要服务于移动端产品，崇尚自由的原则，您可以自己有更改的样式以及添加组件的功能

此版基于 vue 1.0.26 开发，目前继续开发vue 2.0版本

mobile + vue + ui = mvui

基于单文件的Vue组件化开发模式，npm + webpack + babel 开发

组件由来：最近自己做了一个项目，由于有自己定制的ui，因此在造一个轮子，其中参考了很多框架，例如vuex、iview等，非常感谢国内积极做开源的公司和个人，让我们的开发方面了很多很多。在这里我也把自己的轮子贡献出来，由于作者技术有限，希望大家勿喷，觉得有问题的可以提出来一起交流交流，QQ群：215660750

希望大家踊跃造轮子，因为没有自己亲手去折腾一番，永远对某些技术人认识还是不够深刻，多多动手，希望大家都能成为轮子发明人，哈哈

github

github链接

文档

中文文档

预览

组件概览（Component Overview）

安装

1、依赖于vue.js,先安装vue.js

vue-vueRouter-webpack
vue-cli

2、Install mvui

1
npm install mvui

3、webpack配置文件引入mvui

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
module: {
    loaders: [
        {
            test: /node_modules\/mvui\/.*?js$/,
            loader: 'babel'
        },// for Mac
        {   
            test: /node_modules\\mvui\/.*?js$/,         
            loader: 'babel' 
        },// for Windows
        { 
            test: /\.js$/, 
            loader: 'babel', 
            exclude: /node_modules/ 
        }
    ]
}

4、引入例子

1
2
3
4
5
6
7
8
9
10
11
12
13
<template>  
    <div>
        <Icon class="mv-icon-reduce"></Icon>
    </div>
</template> 
<script>
    import { Icon } from 'mvui';
    export default{   
        components: { 
            Icon,
        }
    }
</script>

链接