feat: refactor landing pages with ArticleGrid component and fix navigation

2026-01-25 23:51:43 +08:00
parent af4913a799
commit 6f78114865
48 changed files with 1640 additions and 127 deletions
@@ -0,0 +1,30 @@
+<script setup>
+import ArticleCard from './ArticleCard.vue'
+
+defineProps({
+  items: {
+    type: Array,
+    required: true
+  }
+})
+</script>
+
+<template>
+  <div class="article-grid">
+    <ArticleCard
+      v-for="(item, i) in items"
+      :key="i"
+      v-bind="item"
+    />
+  </div>
+</template>
+
+<style scoped>
+.article-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+  gap: 20px;
+  margin-top: 24px;
+  margin-bottom: 48px;
+}
+</style>