From 0084774d481714f2598e99056d22640e971a9f02 Mon Sep 17 00:00:00 2001
From: hackrobot <xiaoshuang.eric@gmail.com>
Date: Tue, 19 Mar 2024 14:31:04 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=8D=95=E9=A1=B5=E9=9D=A2=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E6=8B=86=E5=88=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/index/index.jsx | 37 +++++++++++++++++++++----------------
 1 file changed, 21 insertions(+), 16 deletions(-)

diff --git a/src/pages/index/index.jsx b/src/pages/index/index.jsx
index 2f96ac8..ec13409 100644
--- a/src/pages/index/index.jsx
+++ b/src/pages/index/index.jsx
@@ -20,7 +20,12 @@ export default function Index() {
             {/* 城市封面图片 */}
             <Image
               // style="width: 100%;height: 100%;background: #fff;"
-              style={{ width: "100%", height: "100%", background: " #fff",borderRadius: "10px" }}
+              style={{
+                width: "100%",
+                height: "100%",
+                background: " #fff",
+                borderRadius: "10px",
+              }}
               mode="scaleToFill"
               src={beijing}
             />
@@ -31,6 +36,18 @@ export default function Index() {
     });
   };
 
+  const ProvinceTag = () => {
+    return ["北京", "上海", "广州", "深圳", "武汉"].map((item, index) => {
+      return (
+        <View>
+          <AtTag type="primary" circle>
+            {item}
+          </AtTag>
+        </View>
+      );
+    });
+  };
+
   return (
     <View className="index">
       {/* 顶部 */}
@@ -43,21 +60,7 @@ export default function Index() {
 
       {/* 省份标签 */}
       <View className="provinceTag">
-        <AtTag type="primary" circle>
-          北京
-        </AtTag>
-        <AtTag type="primary" circle>
-          上海
-        </AtTag>
-        <AtTag type="primary" circle>
-          广州
-        </AtTag>
-        <AtTag type="primary" circle>
-          深圳
-        </AtTag>
-        <AtTag type="primary" circle>
-          武汉
-        </AtTag>
+        <ProvinceTag />
       </View>
 
       {/* 城市列表 */}
@@ -65,6 +68,8 @@ export default function Index() {
         <HomeCardItem />
       </View>
 
+
+      {/* 底部tabbar */}
       <View className="tabbbar">
         <AtTabBar
           tabList={[