feat: 完成网站前端的基本建设

- 网站内容展示：首页， 产品页， 解决方案， 联系信息等
- 网站跳转逻辑：通过Vue-Router实现路由跳转
- 后端通信： 通过Nuxt Strapi与后端Strapi服务进行通信

app/components/DocumentList.vue

@@ -0,0 +1,65 @@
+<template>
+    <div class="document-list">
+        <el-card v-for="(doc, index) in documents" :key="index" class="document-card">
+            <div class="document-info">
+                <h3>{{ doc.caption || doc.name }}</h3>
+                <div class="document-content">
+                    <span v-if="doc.size" class="document-meta">大小: {{ formatFileSize(doc.size) }} </span>
+                    <span v-if="doc.ext" class="document-meta">格式: {{ formatFileExtension(doc.ext) }}</span>
+                    <el-button
+class="download-button" type="primary"
+                        @click="handleDownload(doc.name, doc.url)">
+                        下载
+                    </el-button>
+                </div>
+            </div>
+        </el-card>
+    </div>
+</template>
+
+<script setup lang="ts">
+defineProps({
+    documents: {
+        type: Array as () => Array<StrapiMedia>,
+        default: () => []
+    }
+})
+
+const handleDownload = async (fileName: string, fileUrl: string) => {
+    const response = await fetch(fileUrl)
+    const blob = await response.blob()
+    const url = window.URL.createObjectURL(blob)
+
+    const link = document.createElement('a')
+    link.href = url
+    link.download = fileName
+    document.body.appendChild(link)
+    link.click()
+    document.body.removeChild(link)
+    window.URL.revokeObjectURL(url)
+}
+</script>
+
+<style scoped>
+.document-list {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    width: 100%;
+}
+
+.document-meta {
+    font-size: 0.8rem;
+    color: var(--el-text-color-secondary);
+}
+
+.download-button {
+    margin-left: auto;
+}
+
+.document-content {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+}
+</style>