Heim  >  Artikel  >  Web-Frontend  >  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

青灯夜游
青灯夜游nach vorne
2021-12-20 14:43:503242Durchsuche

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!

Stellungnahme:
Dieser Artikel ist reproduziert unter:juejin.cn. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen