Red de conocimiento informático - Conocimiento del nombre de dominio - Ejemplo de ventana emergente modal personalizada del subprograma WeChat (con animación)

Ejemplo de ventana emergente modal personalizada del subprograma WeChat (con animación)

Primero echemos un vistazo a la ventana emergente modal oficial.

La API es la siguiente:

Ejemplo:

. Esta ventana emergente modal, en el mejor de los casos, solo se puede utilizar como recordatorio o mensaje de aviso.

Pero no se puede utilizar para manejar servicios emergentes complejos, por lo que Michael personalizó uno y utilizó un método de escritura que imita el estilo local

wxml****:

wxss:

js:

Enlaces relacionados: // michael_ouyang/article/details/54700871

--------- - --------------------------------------------------

Acceso directo a la herramienta para desarrolladores de WeChat

Estructura de archivos del mini programa WeChat - Serie de tutoriales del mini programa WeChat (1)

Demostración de ejemplo del ciclo de vida del mini programa WeChat -- Serie de tutoriales del miniprograma WeChat (2)

El miniprograma WeChat modifica dinámicamente los datos de la capa de vista -- Serie de tutoriales del miniprograma WeChat (3)

Nueva página del miniprograma WeChat -- Programa WeChat Mini Nueva página: miniprograma WeChat Nueva página: serie de tutoriales del miniprograma WeChat (4)

Cómo utilizar atributos globales en el miniprograma WeChat: serie de tutoriales del miniprograma WeChat (5)

WeChat Salto de página del miniprograma: serie de tutoriales del miniprograma WeChat (6)

Configuración para la barra de título y la barra de navegación del miniprograma WeChat: serie de tutoriales del miniprograma WeChat (7)

Alcance y modularización de los mini programas WeChat - Serie de tutoriales del mini programa WeChat (8)

Enlace de datos de la capa de vista del mini programa WeChat - Serie de tutoriales del mini programa WeChat (9 - Serie de tutoriales del mini programa WeChat (9)

Representación condicional en la capa de vista del subprograma WeChat - Serie de tutoriales del subprograma WeChat (10)

Representación de lista en la capa de vista del subprograma WeChat - Serie de tutoriales del programa del subprograma WeChat ( 11)

Plantilla de capa de vista del programa WeChat Mini - Serie de tutoriales del programa WeChat Mini (12)

Wxss del programa WeChat Mini - Serie de tutoriales del programa WeChat Mini (13)

Solicitudes de red del miniprograma WeChat: serie de tutoriales del miniprograma WeChat (14)