vmc下載vmc源代碼下載

vmc

三方組件

1.0.0

下載

VMC

Mobile components for [email protected]+.

如果需要在vue1.x上使用vmc，請查看@1x分支。

View Demos

特性介紹

VMC是一套針對移動端開發的組件庫，適用於[email protected]+ 。

將使用頻度高的組件全局化，直接註冊到Vue實例化對像上；
全部樣式基於LESS，並允許通過覆蓋LESS變量的方式快速初始化組件樣式；
同時，你也可以選擇使用SASS，我們同樣提供了基於SCSS的樣式表；
可以通過屬性來單獨定義每個組件的樣式(寫到style上，這樣便能覆蓋在LESS中定義的全局樣式)。

如何引用

基於webpack的SPA模式

安裝與引用

$ npm install vmc --save

註冊全局組件

在入口文件中添加以下內容：

 import VMC from 'vmc/install' ;

Vue . use ( VMC ) ;

引入組件樣式

通過LESS變量覆蓋，可以自定義組件的一些初始樣式，因此，需要手動引入LESS文件。

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

或者使用SASS變量覆蓋，來自定義組件的一些初始樣式，同樣需要手動引入SCSS文件。

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

引用組件

 import { Navbar } from 'vmc' ;

普通標籤方式引用

安裝與引用

直接下載dist目錄下的vmc.css和vmc.js兩個文件。

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