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

Teilen Sie 13 hervorragende Web-Wireframe-Design- und Produktionstools

Wenn Sie mit der Arbeit an einem Projekt beginnen...

Mehrere Möglichkeiten zum Herunterfahren des Hyper-V-Dienstes unter Windows 10

Wenn Sie VMware Workstation zum Öffnen einer virt...

Ein kurzes Verständnis der MySQL SELECT-Ausführungsreihenfolge

Die vollständige Syntax der SELECT-Anweisung laut...

So implementieren Sie Sveltes Defer Transition in Vue

Ich habe mir vor Kurzem Rich Harris‘ Video „Rethi...

Installation von CUDA10.0 und Probleme in Ubuntu

Die Entsprechung zwischen der Tensorflow-Version ...

XHTML-Tutorial: XHTML-Grundlagen für Anfänger

<br />Der Inhalt dieser Site ist Original. B...

10 inhaltliche Prinzipien zur Verbesserung der Website-Performance

<br />Englische Adresse: http://developer.ya...

Beispielcode zur Implementierung eines reinen CSS-Popup-Menüs mit Transform

Vorwort Wenn Sie ein Topmenü erstellen, müssen Si...

Detaillierte Analyse jeder Phase der HTTP-Anforderungsverarbeitung von Nginx

Beim Schreiben des HTTP-Moduls von nginx müssen d...

JavaScript, um einen einheitlichen Animationseffekt zu erzielen

In diesem Artikelbeispiel wird der spezifische Co...