Feature:产品总览页 & Strapi API

2025-08-15 14:20:49 +08:00
parent 775ff17fda
commit 1c06b377d0
11 changed files with 518 additions and 14 deletions
--- a/app/components/ProductionCard.vue
+++ b/app/components/ProductionCard.vue
@ -0,0 +1,29 @@
+<template>
+    <el-card class="production-card">
+        <!-- Image -->
+        <el-image :src="imageUrl" fit="cover" />
+        <template #footer>
+            <!-- Name -->
+            <div class="text-center mx-auto text-md">
+                <span class="production-name">{{ name }}</span>
+            </div>
+            <!-- Description -->
+            <div class="mx-auto mt-5 text-center text-sm opacity-25">{{ description }}</div>
+        </template>
+    </el-card>
+</template>
+
+<script setup lang="ts">
+defineProps<{
+    name: string;
+    description: string;
+    imageUrl: string;
+}>();
+</script>
+
+<style scoped>
+.production-card {
+    width: 30%;
+    margin: 20px auto;
+}
+</style>