feat: 城市选择

src/pages/home/index.scss

@@ -5,6 +5,14 @@
         font-size: 18px;
     }
 
+    .tagArr{
+        // display: flex;
+        // flex-direction: row;
+        // align-items: center;
+        // justify-content: center;
+        padding: 50px;
+        height: 150px;
+    }
 }
 
 .iconStyle{

src/pages/home/index.tsx

@@ -9,7 +9,7 @@ import {
   Tag,
   Toast,
 } from "@antmjs/vantui";
-import { View } from "@tarojs/components";
+import { Input, View } from "@tarojs/components";
 import React, { useCallback, useEffect } from "react";
 import { Swiper, SwiperItem, Image } from "@antmjs/vantui";
 import react from "react";
@@ -22,11 +22,16 @@ import { Icon } from "@antmjs/vantui";
 import "./index.scss";
 import { Search } from "@antmjs/vantui";
 import ActiveCard from "../components/ActiveCard";
+import { Dialog } from "@antmjs/vantui";
 
 const Home = () => {
   // const { images } = COMMON
   const [initPage1, setInitPage1] = react.useState(0);
   const [active, setActive] = react.useState(0);
+
+  const [show, setShow] = react.useState(false);
+  const [value, setValue] = react.useState("");
+
   const onChange = (e) => {};
   const images = [
     "cloud://cloud1-5g5xrgza12a0dd6d.636c-cloud1-5g5xrgza12a0dd6d-1253665791/download.jpg",
@@ -60,11 +65,46 @@ const Home = () => {
 
   return (
     <View className="homeContent">
+      <View>
+        <Dialog
+          id="vanDialog3"
+          // title="标题"
+          // showCancelButton
+          // confirmButtonOpenType="getUserInfo"
+          showConfirmButton={false}
+          showCancelButton={false}
+          show={show}
+          onClose={() => setShow(false)}
+        >
+          <View className="tagArr">
+            {[
+              { city: "深圳" ,color:""},
+              { city: "北京" ,color:"#8c8c8c"},
+              { city: "上海" ,color:"#8c8c8c"},
+              { city: "广州" ,color:"#8c8c8c"},
+              { city: "武汉" ,color:"#8c8c8c"},
+              { city: "杭州" ,color:"#8c8c8c"},
+              { city: "成都" ,color:"#8c8c8c"},
+              // { city: "武汉" },
+            ].map((item: any) => {
+              return (
+                <Tag
+                  plain={true}
+                  type="primary"
+                  color={item?.color}
+                  size="large"
+                  style={{ marginRight: `30px`, marginBottom: "10px" }}
+                >
+                  {item?.city}
+                </Tag>
+              );
+            })}
+          </View>
+        </Dialog>
+      </View>
+
       {/* 通知条 */}
-      <NoticeBar
-        leftIcon="volume-o"
-        text="在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。"
-      />
+      <NoticeBar leftIcon="volume-o" text="疫情期间,请留意各个景区的开放时间" />
       {/* 顶部 */}
       {/* <View>
         <Row>
@@ -75,7 +115,7 @@ const Home = () => {
       </View> */}
       <View className="topHome">
         {/* <Tag type="primary">深圳</Tag> */}
-        <View>
+        <View onClick={() => setShow(true)}>
           <Tag plain={true} type="primary" size="large">
             深圳
           </Tag>