feat: 卡片组件

src/pages/home/index.tsx

@@ -1,4 +1,4 @@
-import { Col, Divider, Row, Tag } from "@antmjs/vantui";
+import { Button, Card, Col, Divider, Grid, GridItem, Row, Tag } from "@antmjs/vantui";
 import { View } from "@tarojs/components";
 import React, { useCallback } from "react";
 import { Swiper, SwiperItem, Image } from "@antmjs/vantui";
@@ -32,8 +32,8 @@ const Home = () => {
       <View>
         {/* <Tag type="primary">深圳</Tag> */}
         <Tag plain={true} type="primary">
-        深圳
-      </Tag>
+          深圳
+        </Tag>
       </View>
       {/* 轮播图 */}
       <View className="demo-box">
@@ -52,10 +52,37 @@ const Home = () => {
           ))}
         </Swiper>
       </View>
+
+      {/* 模块 */}
+      <Grid>
+        <GridItem icon="photo-o" text="活动" />
+        <GridItem icon="photo-o" text="活动" />
+        <GridItem icon="photo-o" text="活动" />
+        <GridItem icon="photo-o" text="活动" />
+      </Grid>
+
       {/* 分割线 */}
       <View>
         <Divider />
       </View>
+
+      {[1, 2].map((item: any) => {
+        return (
+          <Card
+            num=""
+            price=""
+            desc="报名中"
+            title="周末爬山"
+            thumb="cloud://cloud1-5g5xrgza12a0dd6d.636c-cloud1-5g5xrgza12a0dd6d-1253665791/images.jpg"
+            // renderFooter={
+            //     <View>
+            //       <Button size="mini">按钮1</Button>
+            //       <Button size="mini">按钮2</Button>
+            //     </View>
+            //   }
+          />
+        );
+      })}
     </View>
   );
 };