vmc

VMC

Composants mobiles pour [email protected]+.

Si vous devez utiliser VMC sur Vue1.x, consultez la branche @ 1x.

Voir les démos

Introduction des fonctionnalités

VMC est une bibliothèque de composants développée pour les terminaux mobiles, adaptés à [email protected]+ .

• Globaliser les composants avec une fréquence d'utilisation élevée et les enregistrer directement sur les objets d'instanciation VUe;
• Tous les styles sont basés sur moins et permettent une initialisation rapide des styles de composants en écrasant moins de variables;
• Dans le même temps, vous pouvez également choisir d'utiliser SASS, et nous fournissons également une feuille de style basée sur SCSS;
• Le style de chaque composant peut être défini individuellement via des attributs (écrivez au style afin que le style global défini en moins puisse être écrasé).

Comment citer

Mode spa basé sur webpack

Installation et référence

$ npm install vmc --save

Enregistrer les composants mondiaux

Ajoutez ce qui suit au fichier d'entrée:

 import VMC from 'vmc/install' ;

Vue . use ( VMC ) ; 

Introduction des styles de composants

Avec une superposition moins variable, certains styles initiaux de composants peuvent être personnalisés, donc moins de fichiers doivent être introduits manuellement.

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

Ou utilisez la remplacement de la variable SASS pour personnaliser certains styles initiaux de composants, et vous devez également introduire manuellement les fichiers SCSS.

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

Composants de référence

 import { Navbar } from 'vmc' ;

Référence régulière de la balise

Installation et référence

Téléchargez directement vmc.css et vmc.js dans 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 > 

Enregistrer les composants mondiaux

Cette méthode enregistre automatiquement les composants globaux et enregistre automatiquement tous les composants sans opérations supplémentaires.

Liste des composants

Composants CSS

• Icono Icon (icône)

• Border 1px (bordure 1px)

• Logo (badge)

• Alignement des deux extrémités (justifier)

• Omission du texte (Nowrap)

• Point rouge

Composants JS

• Feuille d'action

• Boîte d'avertissement (alerte)

• Boîte d'espace réservé (boîte)

• Bouton

• Carte

• Colonne unique (cellule)

• Cocher

• Confirmer

• Boîte de dialogue

• Rafraîchissement de la pagination (dropload)

• Grille

• Boîte d'entrée forcée (miniport)

• Boîte d'entrée invite (Vinput)

• Alignement des deux extrémités (justifier)

• Annonce roulante (marquee)

• Barre navale

• Entrée numérique (numéro)

• Recouvrir

• Cueilleur

• Couche de popup (popup)

• Cueilleur popup

• Picker à date popup

• Barre de progrès

• Boîte d'entrée invite (invite)

• Radio

• Note (évaluateur)

• Rangée

• Image du carrousel (curseur)

• Indicateur dynamique (spinner)

• Bouton Soumettre (soumettre)

• Barre de navigation (Tabar)

• Tabontrol

• Textarea

• Commutateur (basculer)

• Invite de chargement

• Invite de succès (succès)

• Invite d'erreur (erreur)

• Invite d'information (info)

• Invite de texte (toast)

• Télécharger le composant (téléchargement)

Développement et compilation

Développement

 $ npm run dev

Une fois la commande exécutée, les fichiers du répertoire examples seront automatiquement exécutés pour le développement et le débogage.

libérer

 $ npm run release

Une fois la commande exécutée, vmc sera publié dans dist .

Compilation

 $ npm run build

Une fois la commande exécutée, les fichiers du répertoire examples seront automatiquement emballés dans docs .

Prévisualisation

 $ npm run docs

Une fois la commande exécutée, le répertoire docs sera utilisé comme ressource de serveur de documents statique et peut être accessible directement à partir du navigateur.

Licence

Mit