So beheben Sie das Eingabe-Jitter-Problem beim WeChat-Applet

So beheben Sie das Eingabe-Jitter-Problem beim WeChat-Applet

Finden Sie das Problem

Schauen wir uns zunächst das Problem an. Im Miniprogramm wird der Platzhaltertext beim Auftauchen wackeln, wenn die Dialogkomponente von Vant + die Eingabekomponente des Miniprogrammelements verwendet wird. Das heißt, die Ausgangsposition liegt etwas darüber und wackelt dann an die richtige Position.

Problematische Bildschirmaufzeichnung:

Beheben Sie das Problem nach dem Versuch:

So habe ich das Problem behoben:

.Dialog-Eingabe,
.dialog-input-placeholder {
 Höhe: 80rpx !wichtig;
 Anzeige: Flex;
 Elemente ausrichten: zentrieren;
}

Das Obige ist Freunden gewidmet, die in dieselbe Falle getappt sind, und mir fast den ganzen Tag gewidmet! 😭

Zusammenfassen

Dies ist das Ende dieses Artikels zur Behebung des Eingabejitterproblems des WeChat Mini-Programms. Weitere verwandte Inhalte zum Eingabejitter des WeChat Mini-Programms finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den unten stehenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

Das könnte Sie auch interessieren:
  • Detaillierte Erläuterung und Beispiele zur Steuerung des Eingabefelds des WeChat-Applets (mehrere Beispiele)
  • Detaillierte Erklärung und einfaches Beispiel für das Eingabefeld des WeChat-Applets
  • Das WeChat-Applet implementiert ein Beispiel für eine einfache Überprüfungsfunktion für reguläre Ausdrücke
  • So fügen Sie dem Eingabefeld des WeChat-Applets kleine Symbole hinzu
  • WeChat Mini-Programm (Siebzehn) Eingabekomponente Detaillierte Einführung

<<:  Einige Funktionen der Verwendung von tcpdump zum Erfassen von Paketen in der Linux-Befehlszeile

>>:  MySQL-Datenbank muss SQL-Anweisungen kennen (erweiterte Version)

Artikel empfehlen

Beispielanalyse zum Exportieren, Importieren und Kopieren von Docker-Images

Die erste Lösung besteht darin, das Bild in ein ö...

Detaillierte Erklärung des Hash-Jump-Prinzips von Vue

Inhaltsverzeichnis Der Unterschied zwischen Hash ...

Detaillierte Erklärung des MySQL-Ausführungsplans

Die EXPLAIN-Anweisung liefert Informationen darüb...

Fügen Sie Linux eine Startmethode hinzu (Dienst/Skript)

Konfigurationsdatei, die beim Systemstart geladen...

Podman bootet den Container automatisch und vergleicht ihn mit Docker

Inhaltsverzeichnis 1. Einführung in Podman 2. Vor...

Der Unterschied zwischen MySQL count(1), count(*) und count(field)

Inhaltsverzeichnis 1. Erster Blick auf COUNT 2. D...

Analyse des Implementierungsprozesses der drei Modi des VMWare-Netzwerkadapters

Drei Modi Bridged (Bridge-Modus), NAT (Network Ad...

Detaillierte Erklärung der grundlegenden Syntax und Datentypen von JavaScript

Inhaltsverzeichnis JavaScript importieren 1. Inte...

Tipps zur Verwendung des Top-Befehls in Linux

Lassen Sie mich zunächst die Bedeutung einiger Fe...

Lebenszyklus und Ausführungsreihenfolge von React-Class-Komponenten

1. Zwei Möglichkeiten zum Definieren von Reaktion...

Aufrufen von Baidu Map zum Abrufen von Längen- und Breitengrad in Vue

Im Projekt ist es erforderlich, den Breiten- und ...

So ändern Sie die Größe von Partitionen in CentOS7

Gestern habe ich jemandem bei der Installation ei...

JavaScript zum Erzielen des JD.com-Blitzverkaufseffekts

In diesem Artikel wird der spezifische JavaScript...