Heim > Web-Frontend > uni-app > Hauptteil

Zeichnen Sie die Methode zur Einführung von ColorUI im Uni-UI-Projekt auf

青灯夜游
Freigeben: 2021-12-20 14:43:50
nach vorne
3244 Leute haben es durchsucht

ColorUI ist eine ansprechende, hochgradig angepasste CSS-Komponentenbibliothek, die für H5, WeChat-Applets, Android, iOS und Alipay geeignet ist. Wie kann man ColorUI in das Uni-UI-Projekt einführen? Im folgenden Artikel erfahren Sie, wie Sie das ColorUI-UniApp-Plug-In in das Uni-UI-Projekt einführen.

Zeichnen Sie die Methode zur Einführung von ColorUI im Uni-UI-Projekt auf

1. ColorUI-UniApp-Plugin im Uniapp-Plugin-Markt suchen, herunterladen und entpacken

Zeichnen Sie die Methode zur Einführung von ColorUI im Uni-UI-Projekt auf

Zeichnen Sie die Methode zur Einführung von ColorUI im Uni-UI-Projekt auf

Zeichnen Sie die Methode zur Einführung von ColorUI im Uni-UI-Projekt auf

2. Colorui-Datei auf die Uni-App kopieren Stammverzeichnis des UI-Projekts, wie im Bild gezeigt:

Zeichnen Sie die Methode zur Einführung von ColorUI im Uni-UI-Projekt auf

3. Die App.vue-Dateikonfiguration des Uni-UI-Projekts lautet wie folgt:

Zeichnen Sie die Methode zur Einführung von ColorUI im Uni-UI-Projekt auf

Dies ist das Ende des Uni-UI-Projekts Einführung des ColorUI-UniApp-Plugins

4. Angepasste Navigationsleiste

cu-custom.vue ist wie folgt konfiguriert:

Zeichnen Sie die Methode zur Einführung von ColorUI im Uni-UI-Projekt auf

main.js ist wie folgt konfiguriert:

Zeichnen Sie die Methode zur Einführung von ColorUI im Uni-UI-Projekt auf

pages.json ist wie folgt konfiguriert:

Zeichnen Sie die Methode zur Einführung von ColorUI im Uni-UI-Projekt auf

5. Die Seitennutzung ist wie folgt:

Zeichnen Sie die Methode zur Einführung von ColorUI im Uni-UI-Projekt auf

Seiteneffekt Bild:

Zeichnen Sie die Methode zur Einführung von ColorUI im Uni-UI-Projekt auf

Empfohlen: „uniapp-Tutorial

Das obige ist der detaillierte Inhalt vonZeichnen Sie die Methode zur Einführung von ColorUI im Uni-UI-Projekt auf. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:juejin.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage