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

Menu