Maison  >  Article  >  interface Web  >  Enregistrez la méthode d'introduction de ColorUI dans le projet uni-ui

Enregistrez la méthode d'introduction de ColorUI dans le projet uni-ui

青灯夜游
青灯夜游avant
2021-12-20 14:43:503213parcourir

ColorUI est une bibliothèque de composants CSS de grande qualité et hautement personnalisée, adaptée aux applets H5, WeChat, Android, iOS et Alipay. Alors comment introduire ColorUI dans le projet uni-ui ? L'article suivant vous expliquera comment introduire le plug-in ColorUI-UniApp dans le projet uni-ui.

Enregistrez la méthode d'introduction de ColorUI dans le projet uni-ui

1. Recherchez le plug-in ColorUI-UniApp sur le marché des plug-ins uniapp, téléchargez et décompressez

Enregistrez la méthode dintroduction de ColorUI dans le projet uni-ui

Enregistrez la méthode dintroduction de ColorUI dans le projet uni-ui

Enregistrez la méthode dintroduction de ColorUI dans le projet uni-ui

2. Copiez le fichier colorui dans l'uni- Répertoire racine du projet ui, comme le montre la figure :

Enregistrez la méthode dintroduction de ColorUI dans le projet uni-ui

3. La configuration du fichier App.vue du projet uni-ui est la suivante :

Enregistrez la méthode dintroduction de ColorUI dans le projet uni-ui

Cela termine l'introduction du plug ColorUI-UniApp -in au projet uni-ui

4. Barre de navigation personnalisée

cu-custom.vue est configurée comme suit :

Enregistrez la méthode dintroduction de ColorUI dans le projet uni-ui

main.js est configuré comme suit :

Enregistrez la méthode dintroduction de ColorUI dans le projet uni-ui

pages.json est configuré comme suit :

Enregistrez la méthode dintroduction de ColorUI dans le projet uni-ui

5. L'utilisation de la page est la suivante :

Enregistrez la méthode dintroduction de ColorUI dans le projet uni-ui

Effet de page Image :

Enregistrez la méthode dintroduction de ColorUI dans le projet uni-ui

Recommandé : "tutoriel uniapp"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer