元件預覽與下載

瀏覽元件市場，找到您需要的元件，並下載到您的專案中。

瀏覽元件市場

點擊左側選單中的「元件市場」即可看到所有可用元件。元件列表支援以下篩選：

• 推薦：根據使用量和評分智慧推薦
• 最新：依發佈時間倒序排列
• 熱門：依下載次數排序
• 全部：顯示所有元件（包括依賴不匹配的）

預覽元件

點擊元件卡片上的「預覽」按鈕，即可在新分頁開啟詳情頁。

詳情頁包含：

• 預覽區：顯示元件的實際執行效果
  • 支援小窗/全螢幕檢視切換
  • 可調整背景顏色以適應不同主題
• 文件區：顯示 README.md 內容（如有）
• 版本選擇：切換查看元件的不同版本
• 依賴資訊：查看元件所需的依賴及其版本

下載元件

方式一：從元件市場下載

1. 在元件市場中找到目標元件
2. 點擊卡片上的「下載」按鈕
3. 在彈出的檔案選擇器中，瀏覽到專案的 src/components 目錄
4. 點擊「選擇資料夾」確認下載

方式二：從預覽頁下載

1. 進入元件預覽頁
2. 點擊右下角的「下載」按鈕
3. 選擇儲存位置

下載完成後，元件資料夾會出現在您指定的目錄中。

使用元件

下載的元件可以直接在專案中使用：

<template>
  <div>
    <MyComponent :title="'Hello'" />
  </div>
</template>

<script setup>
import MyComponent from '@/components/MyComponent/index.vue'
</script>

常見問題

Q：下載後元件無法正常運作？

A：請檢查：

1. 元件所需的依賴是否已安裝
2. 框架版本是否符合元件要求（Vue 2/3 或 React）
3. 是否存在全域樣式衝突

Q：為什麼在「推薦」中看不到某些元件？

A：可能的原因：

1. 本機框架版本與元件要求不匹配
2. 缺少元件所需的依賴
3. 元件被標記為重複

切換到「全部」篩選即可查看所有元件，但依賴不匹配的可能無法預覽。

Q：如何回報元件問題？

A：點擊元件預覽頁上的「回饋」按鈕，或在社群中聯絡元件作者。