Chat
Chat
Chat-Beispiel
Dieser Chat-Spielplatz wird verwendet, um den Nachrichtenrhythmus, den Abstand und die vertikale Dichte vor der endgültigen UI- Gestaltung zu validieren. Halten Sie diesen Block absichtlich ausführlich, damit das Layout genug Höhe hat, um den realistischen Gesprächsfluss zu simulieren, einschließlich mittellanger und langer Zeilen, Umbruchverhalten und natürlicher Lesepausen über mehrere Sätze. Das Ziel ist es, eine stabile visuelle Basis zu bieten, der zukünftige Chat-Komponenten folgen können, sodass die Messungen konsistent bleiben, wenn dieser Text durch echte Benutzer- und Assistentennachrichten ersetzt wird.
Vue
Der gleiche Thread und der gleiche Composer, erstellt durch die Entity-Chat-Komponente. Es enthält eine Sammlung von Entitäten und weiß nicht, was sie sind: der Autor, der Text und das Datum werden durch Projektionen gelesen, die eine Unterklasse überschreibt, und eine gesendete Nachricht wird wie jede andere Erstellung über das Repository versendet. Die Antwort wird geschrieben, sobald die Anfrage beendet ist, sodass sie nicht in der Antwort auf die Nachricht zurückkommen kann: sie erreicht die Seite über das Live-Abonnement, das dieser Thread in seinem Raum hält.