Mini programa WeChat: similar a publicar tarjetas y cambiar arrastrando y soltando

Los usuarios pueden arrastrar y soltar tarjetas para eliminarlas. Además de esto, se han agregado muchas animaciones interactivas.

Para mejorar la velocidad de operación, adoptamos el método de generar solo dos tarjetas y usarlas repetidamente.

Cuando el usuario hace clic en la tarjeta, la posición en la que hizo clic se registrará y la tarjeta se hará más pequeña, lo que dará como resultado un efecto de presión.

A medida que el usuario arrastra la tarjeta, ésta se mueve y gira con el dedo. La siguiente tarjeta también se revelará gradualmente desde un estado de transparencia cero.

Cuando el dedo del usuario sale de la tarjeta, determina si retira la tarjeta. Si es así, la tarjeta se retira según su orientación; de lo contrario, la tarjeta se devuelve a su posición original.

A continuación se muestra una operación de extracción de tarjeta que primero elimina la tarjeta de la pantalla y luego vuelve a llenar los datos en su ubicación original para implementar un mecanismo de reutilización.