vin ui Téléchargement - vin ui UI Source Téléchargement

vin ui

Composants tiers

vingogo

Télécharger

Bibliothèque de composants Vue de style JD, soutenant le développement de programmes mobiles H5 et MINI

Vinui fait référence à la conception et à la mise en œuvre de Nutui (bibliothèque de composants mobiles légères de style JD), et la version UniApp implémentée en fonction de la version de la bibliothèque de composants de l'applet Taro

Des modifications et des ajustements ont été apportés à certaines caractéristiques de l'UNIAPP, et de nouveaux composants ont été ajoutés, ce qui a également amélioré les fonctions de certains composants.

Commencer rapidement

Vous pouvez vous référer à la documentation du projet: démarrage rapide

Installer

Vinui fournit le package NPM et le package Uni_Modules pour installer des composants.

Méthode 1: installation et opération NPM

 # Using npm
npm install @vingogo/uni-ui

# Using yarn
yarn add @vingogo/uni-ui

# Using pnpm
pnpm add @vingogo/uni-ui

Méthode 2: Téléchargement du marché du plug-in UniApp

Adresse du plugin de marché UniApp: https://ext.dcloud.net.cn/plugin?id=11187

Méthode 3: Téléchargez le code

Téléchargez le code Vinui via GitHub, puis copiez le code emballé dans votre propre projet:

Clonage du code du référentiel:

git clone https://github.com/vingogo/vin-ui.git

Dépendances d'installation:

pnpm i

Dans packages/uni-ui , apportez des ajustements personnalisés au code Vinui qui convient à l'entreprise
Le code de construction générera le fichier JS compilé à partir du fichier TS d'origine et le convertira en ES2015

pnpm run build:uni

Générer des fichiers pour la copie sous packages/uni-ui/uni_modules

Comment utiliser

Ajouter une configuration Easycom dans pages.json :

{
  "easycom" : {
    // 此处根据实际文件位置进行修改，如下为通过 npm 包安装的方式配置
    "^vin-(.*)" : " @vingogo/uni-ui/lib/components/$1/index.vue "
  },
  // 此为本身已有的内容
  "pages" : [
    // ......
  ]
}

Introduire les styles

Ajoutez le code suivant au fichier d'entrée du projet Main.ts ou main.js Fichier:

 import '@vingogo/uni-ui/lib/style.css' ;

Utilisation dans le projet:

< vin-button type="primary">button</ vin-button >

Opération du projet

Le projet est recommandé d'utiliser PNPM pour installer et exécuter, et démarrer le projet:

Dépendances d'installation

pnpm i

Exécutez H5 ou Applet

pnpm run dev

Sélectionnez l'environnement à exécuter en fonction des options de ligne de commande interactives
Exécutez le code dans le navigateur ou l'applet spécifié pour exécuter le dossier Exemple / DIST / DEV

Construction de composants Vinui

Créer le code de version NPM:

pnpm run build:lib

Après l'exécution de la commande ci-dessus, le code de publication du NPM sera généré sous packages/uni-ui/lib

Créez le code de version Uni_Modules:

pnpm run build:uni

Après avoir exécuté la commande ci-dessus, le code de publication du marché UNIAPP sera généré sous packages/uni-ui/uni_modules

Caractéristiques de Vinui

50+ composants de haute qualité couvrant les scénarios mobiles traditionnels
? Prise en charge des thèmes personnalisés dynamiques et des thèmes personnalisés au niveau des composants
Basé sur les spécifications de la vision JD
? Soutenir le mode sombre
? Prend en charge un ensemble de code pour développer des applets multi-fins H5 + en même temps
Prend en charge la mise en évidence des propriétés des composants VScode
? Soutenir les citations à la demande
Documentation détaillée et exemples
? Prise en charge de la dactylographie
? Soutien à l'internationalisation