¿Cómo crear un tablero de mensajes sencillo en el subprograma WeChat?

Los mini programas de WeChat son muy populares ahora, así que jugaré con ellos y crearé un tablero de mensajes simple para que lo veas. Si dices que no hay imágenes, simplemente di j8. Está bien, sube las imágenes. primero.

Así es como se ve. Las funciones son claras de un vistazo. Peguemos el código para implementarlo. Bueno, de hecho, el subprograma WeChat es wxml (WeChat ml). ). Siempre se siente raro, pero no existe.

El subprograma WeChat cambió div a ver. Escuché que también se puede usar div, pero no lo he probado, así que no sé si es cierto o no. Pero eso es todo, el principio es el mismo de todos modos. El efecto de la página depende principalmente de CSS. Incorrecto, es wxss (WeChat ss).

Mira nuestro código de diseño, es súper simple, exactamente igual que CSS.

Solo hay 36 líneas. Míralo ahora, bueno, es muy simple. La implementación funcional del miniprograma WeChat depende principalmente de la parte js. Bueno, no se llama (wxjs). ¿Cómo escribir el js del miniprograma WeChat? Si conoce vue.js React o AngularJS. para jugar el mismo juego. Bueno, ¡pero no conozco a estos tres por el momento! ! ! ! ! ! ! ! ! ! ! ! ! ! !

Perfecto 36 líneas. Si hubiera sabido que tenía que escribir un montón de comentarios wxml, debería haber inventado 36. El número es muy fluido.

Jajaja, vale, todos los códigos de función están aquí, todos, apuraos y a jugar.