So ändern Sie das Symbol in Uniapp-uni-app-php.cn

So ändern Sie das Symbol in Uniapp

藏色散人

Freigeben： 2020-12-18 17:52:36

Original

14729 Leute haben es durchsucht

So ändern Sie das Symbol in Uniapp: Legen Sie zuerst die Datei „iconfont.ttf“ in den statischen Ordner ab. Öffnen Sie dann „iconfont.css“ und geben Sie schließlich die Codierung des entsprechenden Symbols ein Konfigurationselement „page.json“, nur Text.

So ändern Sie das Symbol in Uniapp

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Uni-App-Version 2.5.1. Diese Methode ist für alle Computermarken geeignet.

Empfohlen (kostenlos): Tutorial zur Uni-App-Entwicklung

UNI-APP fügt eine obere Navigationsleiste hinzu und ändert das Symbol

uni-app ist ein Front-End-Framework für die Entwicklung plattformübergreifender Anwendungen mit Vue. js.

Entwickler schreiben Vue.js-Code und uni-app kompiliert ihn auf mehreren Plattformen wie iOS, Android und WeChat-Applets, um sicherzustellen, dass er korrekt ausgeführt wird und ein hervorragendes Erlebnis bietet.

Zeichnen Sie den Vorgang des Ersetzens der oberen Navigationsleiste auf.

So ändern Sie das Symbol in Uniapp

Endgültige Renderings.Konfigurationselemente in page.json. und klicken Sie dann auf Sammlung

Sammlungssymbol

2. Laden Sie alle gesammelten Symbole in der oberen rechten Ecke herunter

Herunterladen

So ändern Sie das Symbol in Uniapp 3. Öffnen Sie die heruntergeladene Datei im Editor und ändern Sie die Symbolschriftart in der Datei Throw Legen Sie die .ttf-Datei in den statischen Ordner und öffnen Sie dann iconfont.css, um die Unicode-Kodierung anzuzeigen.

Unicode-Kodierung json, das als „u***“ geschrieben werden muss, dann neu starten und es wird realisiert

So ändern Sie das Symbol in Uniapp 5. Füllen Sie abschließend die entsprechende Seitenlebenszyklusmethode aus und konfigurieren Sie verschiedene Methoden über e.index

{
            "path": "pages/my/index",
            "style": {
                "app-plus": {
                    "titleNView": {
                        "buttons": [{
                                "text": "\ue605",
                                "fontSrc": "/static/iconfont.ttf",
                                "fontSize": "22px",
                                "float": "left"
                            },
                            {
                                "text": "\ue606",
                                "fontSrc": "/static/iconfont.ttf",
                                "fontSize": "22px"
                            }
                        ]
                    }
                }
            }
        },

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonSo ändern Sie das Symbol in Uniapp. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!