https://codepen.io/hereiscasio/pen/eYOomxO?editors=1010

Used UI Component ( #1 )

#1 Menus

UI 圖來源見此

Discussion

個人認為 MD 讓 UI 看起來簡潔，進而似乎就會有種讓人覺得好像很容易開發的樣子，像上面這個介面看起來好像很簡單，真的要實現它的所有功能，可能要把 Codepen 轉換到 Codesandbox，並改用 Vue SFC 比較合適（ 因目前 html 標籤量已變得相當巨大，很難維護，除非你還活在傳統開發的年代 ）。

然後你可能會在程式碼中發現有個奇怪的組件：portal-target，這明天會講，今天忽略。UI 比較複雜的部分是 hove 到圖片或標題上後，會出現一排小按鈕，而點擊最右邊的按鈕會出現懸浮 menu，中間的按鈕則是會跳出 dialog。目前只有兩張卡片，但這個行為在任意卡片上都起作用，當然我們並非把 menu 這段程式碼塞到每張卡片（ 要真這樣做就太差勁了 ）

而是動態計算我們在畫面上哪個位置點擊 "顯示 menu" 的按鈕，並將該 menu 懸浮於該按鈕右下方，當然 Vuetify 也幫我們把這部分處理掉了，所以實際用起來相當簡單，詳細說明請見此。跟Dialog 一樣，Menu 的標籤定義最好都放在 v-card 的外部比較洽當（ 當然放裡面也沒關係 ）v-expand-transition 是在官網的 styles & animations > Transition，用它說白了就只是變得很炫，
讓點擊箭頭按鈕後 "出現更多文章" 的效果更流暢