Maison > interface Web > uni-app > 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

青灯夜游
Libérer: 2021-12-20 14:43:50
avant
3274 Les gens l'ont consulté

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!

Étiquettes associées:
source:juejin.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal