# 美星前端測驗

1. 建構可以使用vue-cli，或vite，不限定使用vue2或vue3，建議使用vue3(composition api)
2. 根據提供網址，參考頁面，如下圖所示，實作圈取區域(綠色線框未致)，並拆分組件設計，樣式大概排列類似即可，僅需要實做圖片提供樣式手機板即可

圖1. 說明:圈取位置列表，取10筆資料即可

圖2. 說明:點USDT，進入內頁，圈取位置，選擇交易對無須實作
僅需要幣種，當前金額，24小時漲跌幅

---

3. API使用網址跟參數
API_URL:"https://min-api.cryptocompare.com/data/top/totalvolfull?limit=10&tsym=USD"

//顯示參數
params: {
  limit:10,
  tsym:"USD"
}

---

4. 使用欄位

| 畫面的名稱 | API使用的欄位 |
| -------- | -------- |
| 幣別 | CoinInfo.Name |
| 價格 | RAW USD PRICE |
| 24h漲跌幅 | RAW USD CHANGEPCT24HOUR |
| 成交量 | RAW USD VOLUME24HOUR |

---

5. 繳交資料回傳答案，麻煩提供GIT線上相關連結
---
6. 再使用104聊聊通知，感謝