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

js, um einen 3D-Karusselleffekt zu erzielen

In diesem Artikel wird der spezifische Code zur I...

Miniprogramm zur Implementierung der Sieve-Lotterie

In diesem Artikelbeispiel wird der spezifische Co...

Verstehen Sie die Verwendung des All-Attributs von CSS3

1. Kompatibilität Wie unten dargestellt: Die Komp...

So erstellen Sie eine Baidu-Totlink-Datei

Baidu definiert zwei Arten von toten Linkformaten:...

Überblick über die grundlegenden Bestandteile von HTML-Webseiten

<br />Die Informationen auf Webseiten besteh...

Zusammenfassung der Unterschiede zwischen Get- und Post-Anfragen in Vue

Die Betriebsumgebung dieses Tutorials: Windows 7-...

Ubuntu 18.04 erhält Root-Berechtigungen und meldet sich als Root-Benutzer an

Vorab geschrieben: In den folgenden Schritten müs...

Das Vue-CLI-Framework implementiert eine Timer-Anwendung

Technischer Hintergrund Diese Anwendung verwendet...

Erläuterung der Methode zum Schreiben von SQL-Anweisungen zum Einfügen

Methode 1: INSERT INTO t1(Feld1,Feld2) VALUE(v001...

In diesem Artikel erfahren Sie mehr über NULL in MySQL

Inhaltsverzeichnis Vorwort NULL in MySQL 2 NULL b...

jQuery manipuliert Cookies

Code kopieren Der Code lautet wie folgt: jQuery.c...