wechat miniprogram dialog

diálogo-miniprograma-wechat

característica

• Imita el estilo oficial de la ventana emergente.
• Soporte para ajustar la transparencia modal
• Soporte para obtener Formid
• Admite la apertura de la función de capacidad abierta de WeChat

descargar

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

MANIFESTACIÓN

1. Abra la herramienta de desarrollo web WeChat, 'Proyecto de mini programa local - Agregar proyecto' y seleccione el directorio del proyecto como directorio miniprogram_dev.

usar

1. Instalar

npm install --save wechat-miniprogram-dialog

2. Cada introducción o actualización debe ejecutar primero la compilación npm de las herramientas de desarrollador, documentación oficial de npm de WeChat
3. Añade en tu página json

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

4. Los componentes se pueden utilizar en wxml.

 < dialog > </ dialog >

Depuración y desarrollo

1. Abra la herramienta de desarrollo web WeChat, 'Proyecto de mini programa local - Agregar proyecto' y seleccione el directorio del proyecto como directorio miniprogram_dev.
2. Instalar dependencias npm install
3. Comando de compilación npm run dev
4. Para obtener más información de ayuda, consulte la documentación de ayuda.

Aviso

• Biblioteca básica del miniprograma versión 2.2.1 o superior, y herramientas de desarrollador 1.02.1808300 o superior.

Accesorios

nombre	descripción	tipo	valor predeterminado
título	título	Cadena	pista
ancho	ancho	Cadena	650rpx
opacidad	Transparencia de capa modal	Número	0,4
closeOnClickModal	¿Es posible cerrar la ventana emergente haciendo clic en la capa modal?	booleano	FALSO
animación	Activar animación	booleano	verdadero
confirmarTexto	Texto del botón Aceptar	Cadena	Seguro
cancelarTexto	Cancelar texto del botón	Cadena	Cancelar
confirmarColor	Determinar el color del texto del botón.	Cadena	#333333 (compatible con RGBA)
cancelarColor	Color del texto del botón Cancelar	Cadena	#999999 (compatible con RGBA)
mostrarConfirmar	Si se debe mostrar el botón Aceptar	booleano	verdadero
mostrarCancelar	Si mostrar un botón cancelar	booleano	verdadero
confirmarColor de fondo	Determinar el color de fondo del botón	Cadena	#ffffff (compatible con RGBA)
cancelarColor de fondo	Color de fondo del botón Cancelar	Cadena	#ffffff (compatible con RGBA)
confirmarOpenType	Para determinar la capacidad de apertura de WeChat del botón, consulte https://developers.weixin.qq.com/miniprogram/dev/component/button.html	Cadena
cancelar tipo abierto	Para cancelar el botón de apertura de WeChat, consulte https://developers.weixin.qq.com/miniprogram/dev/component/button.html	Cadena
cargando	Compruebe si el botón de confirmación tiene un icono de carga	booleano	verdadero
reunirFormId	Si se debe recopilar el ID del formulario	booleano	verdadero
parámetro de aplicación	Al abrir la APLICACIÓN, los parámetros pasados ​​a la APLICACIÓN son válidos cuando *-open-type="launchApp"	Cadena
sesiónDesde	Fuente de sesión, válida cuando *-open-type="contacto"	Cadena
posición	Posición, incluyendo centro, arriba, abajo	Cadena	centro

eventos

nombre	descripción	parámetros
abierto	cuando se abre la ventana
cerca	cuando la ventana está cerrada
Cancelar	Haga clic en Cancelar
confirmar	Haga clic para confirmar
obtenerID de formulario	Ponte formidable	evento.detalle.formId
obtener información de usuario	Cuando se hace clic en el botón, se devolverá la información del usuario obtenida, válida cuando *-open-type="getUserInfo"	evento.detalle
contacto	Devolución de llamada de mensaje de servicio al cliente, válida cuando *-open-type="contacto"
obtener número de teléfono	Devolución de llamada para obtener el número de teléfono móvil del usuario, válido cuando *-open-type="getPhoneNumber"	evento.detalle
configuración abierta	Se llama después de abrir la página de configuración de autorización, válido cuando *-open-type="openSetting"
aplicación de lanzamiento	Devolución de llamada para la apertura exitosa de la APLICACIÓN, válida cuando *-open-type="launchApp"

contribuir

Si tiene algún buen comentario o sugerencia, ¡no dude en plantearme un problema!