wechat miniprogram dialog

dialogue-mini-programme-wechat

caractéristiques

• Imitez le style officiel de la fenêtre pop-up
• Prise en charge de l'ajustement de la transparence modale
• Aide à l'obtention de Formid
• Prise en charge de l'ouverture de la fonction de capacité ouverte de WeChat

télécharger

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

DÉMO

1. Ouvrez l'outil de développement Web WeChat, « Local Mini Program Project - Add Project », et sélectionnez le répertoire du projet comme répertoire miniprogram_dev.

utiliser

1. Installer

npm install --save wechat-miniprogram-dialog

2. Chaque introduction ou mise à jour doit d'abord exécuter la version npm des outils de développement, documentation officielle npm de WeChat
3. Ajoutez votre page json

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

4. Les composants peuvent être utilisés dans wxml

 < dialog > </ dialog >

Débogage et développement

1. Ouvrez l'outil de développement Web WeChat, « Local Mini Program Project - Add Project », et sélectionnez le répertoire du projet comme répertoire miniprogram_dev.
2. Installer les dépendances npm install
3. Construire la commande npm run dev
4. Pour plus d’informations d’aide, consultez la documentation d’aide

Avis

• Bibliothèque de base du mini-programme version 2.2.1 ou supérieure et outils de développement 1.02.1808300 ou supérieur.

Accessoires

nom	description	taper	valeur par défaut
titre	titre	Chaîne	indice
largeur	largeur	Chaîne	650rpx
opacité	Transparence de la couche modale	Nombre	0,4
closeOnClickModal	Est-il possible de fermer la fenêtre pop-up en cliquant sur le calque modal ?	Booléen	FAUX
animation	Activer l'animation	Booléen	vrai
confirmerTexte	Texte du bouton OK	Chaîne	Bien sûr
annulerTexte	Texte du bouton Annuler	Chaîne	Annuler
confirmerCouleur	Déterminer la couleur du texte du bouton	Chaîne	# 333333 (prise en charge RVBA)
annulerCouleur	Couleur du texte du bouton Annuler	Chaîne	# 999999 (prise en charge RVBA)
afficherConfirmer	S'il faut afficher le bouton OK	Booléen	vrai
afficherAnnuler	S'il faut afficher un bouton d'annulation	Booléen	vrai
confirmerBackgroundColor	Déterminer la couleur d’arrière-plan du bouton	Chaîne	#ffffff (prend en charge RGBA)
annulerBackgroundColor	Couleur d’arrière-plan du bouton Annuler	Chaîne	#ffffff (prend en charge RGBA)
confirmerOpenType	Pour déterminer la capacité d'ouverture WeChat du bouton, veuillez vous référer à https://developers.weixin.qq.com/miniprogram/dev/component/button.html	Chaîne
annulerOpenType	Pour annuler le bouton d'ouverture de WeChat, veuillez vous référer à https://developers.weixin.qq.com/miniprogram/dev/component/button.html	Chaîne
chargement	Vérifiez si le bouton de confirmation a une icône de chargement	Booléen	vrai
rassemblerFormId	S'il faut collecter formId	Booléen	vrai
paramètreapp	Lors de l'ouverture de l'APP, les paramètres transmis à l'APP sont valides lorsque *-open-type="launchApp"	Chaîne
sessionDe	Source de session, valide lorsque *-open-type="contact"	Chaîne
position	Position, y compris centre, haut, bas	Chaîne	centre

événements

nom	description	paramètres
ouvrir	quand la fenêtre s'ouvre
fermer	quand la fenêtre est fermée
Annuler	Cliquez sur Annuler
confirmer	Cliquez pour confirmer
obtenirFormId	Devenez intrépide	event.detail.formId
obtenir des informations utilisateur	Lorsque vous cliquez sur le bouton, les informations utilisateur obtenues seront renvoyées, valables lorsque *-open-type="getUserInfo"	événement.détail
contact	Rappel du message du service client, valable lorsque *-open-type="contact"
obtenir un numéro de téléphone	Rappel pour obtenir le numéro de téléphone mobile de l'utilisateur, valable lorsque *-open-type="getPhoneNumber"	événement.détail
paramètre ouvert	Appelé après l'ouverture de la page de paramètres d'autorisation, valide lorsque *-open-type="openSetting"
lancer l'application	Rappel pour l'ouverture réussie de l'APP, valable lorsque *-open-type="launchApp"

contribuer

Si vous avez de bons commentaires ou suggestions, n'hésitez pas à me faire part d'un problème !