Realization of vue Timeline function

without introducing the ui framework, I want to realize the function of a timeline by myself. Bubble boxes similar to chat pages are dynamically generated on both sides of the timeline. What should the bubble box do to make it more beautiful, and how should these bubble messages be added to the timeline over time

Apr.28,2021
The question of

is really too general.
it shouldn't be difficult to figure out how to think first.
the UI interface suggests referring to existing wheels.
every bubble message has a direct generation time information, right? There is one message in the loop, only one record in the push array.
v-for this array

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1eaf210-2233.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1eaf210-2233.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?