vmc Download - vmc Source code download

vmc

Third-party components

1.0.0

Download

VMC

Mobile components for [email protected]+.

If you need to use vmc on vue1.x, check out the @1x branch.

View Demos

Feature Introduction

VMC is a component library developed for mobile terminals, suitable for [email protected]+ .

Globalize components with high usage frequency and register them directly on Vue instantiation objects;
All styles are based on LESS and allow quick initialization of component styles by overwriting LESS variables;
At the same time, you can also choose to use SASS, and we also provide a style sheet based on SCSS;
The style of each component can be defined individually through attributes (write to style so that the global style defined in LESS can be overwritten).

How to quote

Webpack-based SPA mode

Installation and reference

$ npm install vmc --save

Register global components

Add the following to the entry file:

 import VMC from 'vmc/install' ;

Vue . use ( VMC ) ;

Introducing component styles

With LESS variable overlay, some initial styles of components can be customized, so LESS files need to be introduced manually.

 @import "vmc/src/styles/vmc.less" ;
@import "assets/less/vmc.custom.less" ;      // 自定义变量覆盖，参考styles/base/variable.less

Or use SASS variable override to customize some initial styles of components, and you also need to manually introduce SCSS files.

 @import "assets/scss/vmc.custom.scss" ;      // 自定义变量覆盖，参考scss/base/variable.scss
@import "vmc/src/scss/vmc.scss" ;

Reference components

 import { Navbar } from 'vmc' ;

Regular tag reference

Installation and reference

Directly download vmc.css and vmc.js files in dist directory.

 < link rel =" stylesheet " href =" vmc.css " >

< div id =" app " >
    < v-button type =" success " @click =" $Alert('Hello world!') " >按钮</ v-button >
</ div >

< script src =" vue.js " > </ script >
< script src =" vmc.js " > </ script >

< script >
    new Vue ( {
        el : '#app'
    } ) ;
</ script >