feat: 首页轮播图

src/pages/home/index.tsx

@@ -1,8 +1,63 @@
+import { Col, Divider, Row, Tag } from "@antmjs/vantui";
 import { View } from "@tarojs/components";
 import React, { useCallback } from "react";
+import { Swiper, SwiperItem, Image } from "@antmjs/vantui";
+import react from "react";
+import { NoticeBar } from "@antmjs/vantui";
 
-const Home=()=>{
-    return <View>home</View>
-}
+const Home = () => {
+  // const { images } = COMMON
+  const [initPage1, setInitPage1] = react.useState(0);
+  const onChange = (e) => {};
+  const images = [
+    "cloud://cloud1-5g5xrgza12a0dd6d.636c-cloud1-5g5xrgza12a0dd6d-1253665791/download.jpg",
+    "cloud://cloud1-5g5xrgza12a0dd6d.636c-cloud1-5g5xrgza12a0dd6d-1253665791/images.jpg",
+  ];
 
-export default Home
+  return (
+    <View>
+      {/* 通知条 */}
+      <NoticeBar
+        leftIcon="volume-o"
+        text="在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。"
+      />
+      {/* 顶部 */}
+      {/* <View>
+        <Row>
+          <Col span="4" className="dark">
+            深圳
+          </Col>
+        </Row>
+      </View> */}
+      <View>
+        {/* <Tag type="primary">深圳</Tag> */}
+        <Tag plain={true} type="primary">
+        深圳
+      </Tag>
+      </View>
+      {/* 轮播图 */}
+      <View className="demo-box">
+        <Swiper
+          height={200}
+          paginationColor="#426543"
+          autoPlay="3000"
+          initPage={initPage1}
+          paginationVisible
+          onChange={onChange}
+        >
+          {images.map((item, index) => (
+            <SwiperItem key={`swiper#demo1${index}`}>
+              <Image src={item} fit="cover" width="100%" height="200px" />
+            </SwiperItem>
+          ))}
+        </Swiper>
+      </View>
+      {/* 分割线 */}
+      <View>
+        <Divider />
+      </View>
+    </View>
+  );
+};
+
+export default Home;