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

Detaillierte Erläuterung der Anwendungsszenarien von Filtern in Vue

filter werden im Allgemeinen verwendet, um bestim...

Einführung und Beispiele für versteckte Felder in HTML

Grundlegende Syntax: <Eingabetyp="versteck...

Detaillierte Erläuterung der MySQL-Cursor-Konzepte und -Verwendung

Dieser Artikel erläutert anhand von Beispielen da...

So stellen Sie Go-Webanwendungen mit Docker bereit

Inhaltsverzeichnis Warum brauchen wir Docker? Bei...

So legen Sie die UTF-8-Kodierung in einer MySQL-Datenbank fest

Ändern Sie die Datei /etc/my.cnf oder /etc/mysql/...

Detaillierte Erklärung generischer Fälle in TypeScript

Definition von Generika // Anforderung 1: Generik...

Grundlegende Verwendung der Funktion find_in_set in MySQL

Vorwort Dies ist eine neue Funktion, die ich kürz...

So ändern Sie das Anfangskennwort eines Benutzers in mysql5.7

Wenn Benutzer MySQL-Datenbanken zum ersten Mal in...

Natives JS zur Implementierung eines einfachen Rechners

In diesem Artikelbeispiel wird der spezifische Co...

Ein Beispiel für die Implementierung eines adaptiven Quadrats mit CSS

Die traditionelle Methode besteht darin, ein Quad...