---
# System prepended metadata

title: 美星前端測驗

---

# 美星前端測驗

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

圖1. 說明:圈取位置列表，取10筆資料即可
![image](https://hackmd.io/_uploads/Sy6h1az8C.png)

圖2. 說明:點USDT，進入內頁，圈取位置，選擇交易對無須實作
僅需要幣種，當前金額，24小時漲跌幅
![image](https://hackmd.io/_uploads/HyaZgpGUC.png)

---

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

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

4. 使用欄位

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

---

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

