Cómo utilizar la biblioteca de componentes vant para implementar la estructura del mensaje de respuesta en vue
2. En el componente de la tarjeta, utilice el componente van-cell como parte principal del mensaje de respuesta para mostrar el contenido del texto del mensaje de respuesta.
3. Establezca el título y el contenido del mensaje de respuesta a través de los subcomponentes van-cell-title y van-cell-value del componente van-cell.
4. Puede utilizar el componente van-cell de vant (van-cell-group) para configurar la hora, el remitente y otra información del mensaje de respuesta, y utilizar el componente van-cell como subcomponente. de la columna de mensajes.
5. En el componente de celda del mensaje, utilice van-cell-title y van-cell-value para establecer el título y el contenido de la columna del mensaje, como la hora, el remitente y otra información, respectivamente.
6. Si necesita operar el mensaje de respuesta, como me gusta, favorito, etc., puede agregar el componente van-icon (icono van) en el lado derecho del componente van-cell. y establezca el estilo de icono relevante y el evento Click.
7. Finalmente, use la directiva v-for para recorrer la lista de mensajes de respuesta y use la directiva v-bind para pasar la información del mensaje de respuesta a cada componente, generando así dinámicamente la estructura del mensaje de respuesta. .