vmc

VMC

Mobile Komponenten für [email protected]+.

Wenn Sie VMC auf VUE1.x verwenden müssen, lesen Sie die @1x -Filiale.

Demos anzeigen

Feature Einführung

VMC ist eine Komponentenbibliothek, die für mobile Terminals entwickelt wurde und für [email protected]+ geeignet ist.

• Globalisieren Sie Komponenten mit hoher Nutzungsfrequenz und registrieren Sie sie direkt an VUE -Instanziierungsobjekten.
• Alle Stile basieren auf weniger und ermöglichen eine schnelle Initialisierung von Komponentenstilen durch Überschreiben weniger Variablen.
• Gleichzeitig können Sie auch SASS verwenden und wir bieten auch ein Stylesheet, das auf SCSS basiert.
• Der Stil jeder Komponente kann durch Attribute einzeln definiert werden (schreiben Sie in Stil, so dass der in weniger definierte globale Stil überschrieben werden kann).

Wie man zitiert

Webpack-basierter Spa-Modus

Installation und Referenz

$ npm install vmc --save

Registrieren Sie globale Komponenten

Fügen Sie der Eintragsdatei Folgendes hinzu:

 import VMC from 'vmc/install' ;

Vue . use ( VMC ) ; 

Einführung von Komponentenstilen

Bei weniger variabler Overlay können einige anfängliche Art von Komponenten angepasst werden, sodass weniger Dateien manuell eingeführt werden müssen.

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

Oder verwenden Sie die SASS -Variable Override, um einige anfängliche Arten von Komponenten anzupassen, und Sie müssen auch die SCSS -Dateien manuell einführen.

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

Referenzkomponenten

 import { Navbar } from 'vmc' ;

Regelmäßige Tag -Referenz

Installation und Referenz

Laden Sie vmc.css und vmc.js direkt im dist -Verzeichnis herunter.

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

Registrieren Sie globale Komponenten

Diese Methode registriert automatisch globale Komponenten und registriert automatisch alle Komponenten ohne zusätzliche Vorgänge.

Komponentenliste

CSS -Komponenten

• Icono -Symbol (Symbol)

• 1px Grenze (1px Grenze)

• Logo (Abzeichen)

• Ausrichtung beider Enden (Justify)

• Textauslassung (Nowrap)

• Roter Punkt

JS -Komponenten

• Actionsheet

• Warnbox (Alarm)

• Platzhalterbox (Box)

• Taste

• Karte

• Einzelsäule (Zelle)

• Kontrollkästchen

• Bestätigen

• Dialogbox

• Paginierungsauffrischung (Dropload)

• Netz

• Erzwungenes Eingangsfeld (Minuta)

• Eingabeaufgangsbox (Vinput)

• Ausrichtung beider Enden (Justify)

• Rollende Ankündigung (Festzelt)

• Navillat

• Digitale Eingabe (Nummer)

• Overlay

• Picker

• Popup -Schicht (Popup)

• Popup -Picker

• Popup Date Picker

• Fortschrittsbar

• Eingabeaufforderung für Eingänge (Eingabeaufforderung)

• Radiobox

• Bewertung (Rater)

• Titelreihe

• Karussellbild (Schieberegler)

• Dynamischer Indikator (Spinner)

• Schaltfläche senden (Senden)

• Navigationsleiste (TABBAR)

• Tabcontrol

• Textbereich

• Schalter (Schalter)

• Eingabeaufforderung

• Erfolgsaufforderung (Erfolg)

• Fehleraufforderung (Fehler)

• Informationsaufforderung (Info)

• Textaufforderung (Toast)

• Komponente hochladen (hochladen)

Entwicklung und Zusammenstellung

Entwicklung

 $ npm run dev

Nachdem der Befehl ausgeführt wurde, werden die Dateien im examples automatisch für die Entwicklung und Debuggierung ausgeführt.

freigeben

 $ npm run release

Nachdem der Befehl ausgeführt wurde, wird vmc im dist -Verzeichnis veröffentlicht.

Zusammenstellung

 $ npm run build

Nachdem der Befehl ausgeführt wurde, werden die Dateien im examples automatisch in docs -Verzeichnis verpackt.

Vorschau

 $ npm run docs

Nachdem der Befehl ausgeführt wurde, wird das docs -Verzeichnis als statische Dokumentserverressource verwendet und kann direkt über den Browser zugegriffen werden.

Lizenz

MIT