wechat miniprogram dialog

Wechat-Miniprogramm-Dialog

Merkmal

• Imitieren Sie den offiziellen Popup-Fensterstil
• Unterstützen Sie die Anpassung der modalen Transparenz
• Unterstützen Sie die Beschaffung von Formid
• Unterstützt das Öffnen der WeChat-Open-Capability-Funktion

herunterladen

git clone https://github.com/simsir-lin/wechat-miniprogram-dialog.git

DEMO

1. Öffnen Sie das WeChat-Webentwicklertool „Lokales Miniprogrammprojekt – Projekt hinzufügen“ und wählen Sie das Projektverzeichnis als Verzeichnis miniprogram_dev aus.

verwenden

1. Installieren

npm install --save wechat-miniprogram-dialog

2. Bei jeder Einführung oder jedem Update muss zunächst der NPM-Build der Entwicklertools ausgeführt werden, siehe offizielle WeChat-NPM-Dokumentation
3. Fügen Sie den JSON-Code Ihrer Seite hinzu

 {
  "usingComponents" : {
    "dialog" : "wechat-miniprogram-dialog"
  }
}

4. Komponenten können in wxml verwendet werden

 < dialog > </ dialog >

Debugging und Entwicklung

1. Öffnen Sie das WeChat-Webentwicklertool „Lokales Miniprogrammprojekt – Projekt hinzufügen“ und wählen Sie das Projektverzeichnis als Verzeichnis miniprogram_dev aus.
2. Installieren Sie die Abhängigkeiten npm install
3. Build-Befehl npm run dev
4. Weitere Hilfeinformationen finden Sie in der Hilfedokumentation

Beachten

• Miniprogramm-Basisbibliothek Version 2.2.1 oder höher und Entwicklertools 1.02.1808300 oder höher.

Requisiten

Name	Beschreibung	Typ	Standardwert
Titel	Titel	Zeichenfolge	Hinweis
Breite	Breite	Zeichenfolge	650rpx
Opazität	Modale Layer-Transparenz	Nummer	0,4
closeOnClickModal	Ist es möglich, das Popup-Fenster durch Klicken auf die modale Ebene zu schließen?	Boolescher Wert	FALSCH
Animation	Animation einschalten	Boolescher Wert	WAHR
bestätigenText	Text der Schaltfläche „OK“.	Zeichenfolge	Sicher
cancelText	Text der Schaltfläche „Abbrechen“.	Zeichenfolge	Stornieren
bestätigenFarbe	Bestimmen Sie die Textfarbe der Schaltfläche	Zeichenfolge	#333333 (unterstützt RGBA)
cancelColor	Textfarbe der Schaltfläche „Abbrechen“.	Zeichenfolge	#999999 (unterstützt RGBA)
anzeigenBestätigen	Ob die Schaltfläche „OK“ angezeigt werden soll	Boolescher Wert	WAHR
anzeigenAbbrechen	Ob eine Abbrechen-Schaltfläche angezeigt werden soll	Boolescher Wert	WAHR
bestätigenBackgroundColor	Bestimmen Sie die Hintergrundfarbe der Schaltfläche	Zeichenfolge	#ffffff (unterstützt RGBA)
cancelBackgroundColor	Hintergrundfarbe der Schaltfläche „Abbrechen“.	Zeichenfolge	#ffffff (unterstützt RGBA)
bestätigenOpenType	Informationen zu den WeChat-Öffnungsmöglichkeiten der Schaltfläche finden Sie unter https://developers.weixin.qq.com/miniprogram/dev/component/button.html	Zeichenfolge
cancelOpenType	Informationen zum Abbrechen der WeChat-Schaltfläche zum Öffnen finden Sie unter https://developers.weixin.qq.com/miniprogram/dev/component/button.html	Zeichenfolge
Laden	Überprüfen Sie, ob die Bestätigungsschaltfläche über ein Ladesymbol verfügt	Boolescher Wert	WAHR
GatherFormId	Ob formId erfasst werden soll	Boolescher Wert	WAHR
appParameter	Beim Öffnen der APP sind die an die APP übergebenen Parameter gültig, wenn *-open-type="launchApp"	Zeichenfolge
sessionFrom	Sitzungsquelle, gültig wenn *-open-type="contact"	Zeichenfolge
Position	Position, einschließlich Mitte, oben, unten	Zeichenfolge	Center

Ereignisse

Name	Beschreibung	Parameter
offen	wenn sich das Fenster öffnet
schließen	wenn das Fenster geschlossen ist
stornieren	Klicken Sie auf Abbrechen
bestätigen	Klicken Sie zum Bestätigen
getFormId	Werden Sie formidabel	event.detail.formId
getuserinfo	Wenn auf die Schaltfläche geklickt wird, werden die erhaltenen Benutzerinformationen zurückgegeben, gültig, wenn *-open-type="getUserInfo"	event.detail
Kontakt	Rückruf einer Kundendienstnachricht, gültig wenn *-open-type="contact"
Telefonnummer abrufen	Rückruf zum Abrufen der Mobiltelefonnummer des Benutzers, gültig wenn *-open-type="getPhoneNumber"	event.detail
opensetting	Wird nach dem Öffnen der Autorisierungseinstellungsseite aufgerufen, gültig, wenn *-open-type="openSetting"
Launchapp	Rückruf für erfolgreiches Öffnen der APP, gültig wenn *-open-type="launchApp"

beitragen

Wenn Sie gute Kommentare oder Vorschläge haben, können Sie mir gerne ein Problem mitteilen!