Comment
Comment 用於記錄使用者的回覆。主要容器類別名稱為 .comment 並以此作為子元件的前綴詞。
每一筆主回覆資料都是一個 .comment_item，主要內容建置於 .comment_container。頭像可使用 Avatar 元件。
A
<div class="comment">
<div class="comment_item">
<div class="comment_container">
<div class="avatar"></div>
<div class="comment_content">
<div class="comment_case">
<header class="comment_head">
<a>User Name</a>
<button class="btn-menu"></button>
</header>
<main class="comment_body"></main>
</div>
<div class="meta"></div>
</div>
</div>
</div>
</div>
子回覆
針對某一個 Comment 訊息做回覆，只要在 .comment_item 內新增 .comment_reply，接著用相同組件置入即能完成。
A
G
F
Y
<div class="comment">
<div class="comment_item">
<div class="comment_container"></div>
<div class="comment_reply">
<div class="comment_item"></div>
<div class="comment_item"></div>
<div class="comment_item"></div>
</div>
</div>
</div>