style: 活动卡片样式

src/pages/home/index.tsx

@@ -19,7 +19,9 @@ import { Tabbar, TabbarItem } from "@antmjs/vantui";
 import TabbarCom from "../components/TabbarCom";
 import { getTable, getTableid } from "../../utils/index";
 import { Icon } from "@antmjs/vantui";
-import './index.scss'
+import "./index.scss";
+import { Search } from "@antmjs/vantui";
+import ActiveCard from "../components/ActiveCard";
 
 const Home = () => {
   // const { images } = COMMON
@@ -57,9 +59,7 @@ const Home = () => {
   }, []);
 
   return (
-    <View>
-      
-
+    <View className="homeContent">
       {/* 通知条 */}
       <NoticeBar
         leftIcon="volume-o"
@@ -73,12 +73,18 @@ const Home = () => {
           </Col>
         </Row>
       </View> */}
-      <View>
+      <View className="topHome">
         {/* <Tag type="primary">深圳</Tag> */}
-        <Tag plain={true} type="primary">
-          深圳
-        </Tag>
+        <View>
+          <Tag plain={true} type="primary" size="large">
+            深圳
+          </Tag>
+        </View>
+        <View>
+          <Search placeholder="请输入搜索关键词" style={{ width: "320px" }} />
+        </View>
       </View>
+
       {/* 轮播图 */}
       <View className="demo-box">
         <Swiper
@@ -161,14 +167,16 @@ const Home = () => {
               });
             }}
           >
-            {" "}
-            <Card
+            {/* 活动卡片 */}
+            <ActiveCard />
+
+            {/* <Card
               num=""
               price=""
               desc="报名中"
               title="周末爬山"
               thumb="cloud://cloud1-5g5xrgza12a0dd6d.636c-cloud1-5g5xrgza12a0dd6d-1253665791/images.jpg"
-            />
+            /> */}
           </View>
         );
       })}