首页

2026-07-01 21:05:42 +08:00
parent ee7ffcc1cc
commit 0ee14678b6
15 changed files with 831 additions and 30 deletions
@@ -0,0 +1,32 @@
+import type { Article } from '@/types/article'
+import { View, Text, Image } from '@tarojs/components'
+import './index.less'
+
+interface ImageGridCardProps {
+  article: Article
+}
+
+export default function ImageGridCard({ article }: ImageGridCardProps) {
+  const images = article.images.slice(0, 3)
+
+  return (
+    <View className='article-card image-grid-card'>
+      <View className='card-title'>{article.title}</View>
+      <View className='card-images'>
+        {images.map((img, index) => (
+          <Image
+            key={index}
+            className='grid-image'
+            src={img}
+            mode='aspectFill'
+          />
+        ))}
+      </View>
+      <View className='card-meta'>
+        <Text className='meta-source'>{article.source}</Text>
+        <Text className='meta-time'>{article.time}</Text>
+        <Text className='meta-read'>{article.readCount}阅读</Text>
+      </View>
+    </View>
+  )
+}