Unduh vmc - Unduh Kode Sumber vmc

vmc

Komponen pihak ketiga

1.0.0

Unduh

VMC

Komponen seluler untuk [email protected]+.

Jika Anda perlu menggunakan VMC di VUE1.X, lihat cabang @1x.

Lihat demo

Pendahuluan Fitur

VMC adalah pustaka komponen yang dikembangkan untuk terminal seluler, cocok untuk [email protected]+ .

Globalisasi komponen dengan frekuensi penggunaan tinggi dan mendaftarkannya langsung pada objek instantiasi Vue;
Semua gaya didasarkan pada lebih sedikit dan memungkinkan inisialisasi cepat gaya komponen dengan menimpa lebih sedikit variabel;
Pada saat yang sama, Anda juga dapat memilih untuk menggunakan Sass, dan kami juga menyediakan lembar gaya berdasarkan SCSS;
Gaya masing -masing komponen dapat didefinisikan secara individual melalui atribut (tulis ke gaya sehingga gaya global yang didefinisikan dalam lebih sedikit dapat ditimpa).

Bagaimana mengutip

Mode spa berbasis webpack

Instalasi dan Referensi

$ npm install vmc --save

Daftarkan komponen global

Tambahkan yang berikut ke file entri:

 import VMC from 'vmc/install' ;

Vue . use ( VMC ) ;

Memperkenalkan gaya komponen

Dengan lebih sedikit overlay variabel, beberapa gaya awal komponen dapat disesuaikan, sehingga lebih sedikit file yang perlu diperkenalkan secara manual.

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

Atau gunakan override variabel sass untuk menyesuaikan beberapa gaya awal komponen, dan Anda juga perlu memperkenalkan file SCSS secara manual.

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

Komponen referensi

 import { Navbar } from 'vmc' ;

Referensi tag reguler

Instalasi dan Referensi

Langsung Unduh file vmc.css dan vmc.js di direktori dist .

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