style: 省份css

src/pages/index/index.jsx

@@ -240,23 +240,25 @@ export default function Index() {
   };
 
   const ProvinceTag = () => {
-    return ["北京", "上海", "广东", "浙江", "湖北"].map((item, index) => {
-      return (
-        <View>
-          <AtTag
-            onClick={() => {
-              // Taro.redirectTo({
-              //   url: "/pages/index/index?wxid=1111111",
-              // });
-            }}
-            type="primary"
-            circle
-          >
-            {item}
-          </AtTag>
-        </View>
-      );
-    });
+
+    return ["北京", "上海", "广东", "浙江", "湖北", "云南"].map(
+      (item, index) => {
+        return (
+          <View className="Tags">
+            <AtTag
+            className="AtTag"
+              onClick={() => {
+                //pass
+              }}
+              type="primary"
+              circle
+            >
+              {item}
+            </AtTag>
+          </View>
+        );
+      }
+    );
   };
 
   return (

src/pages/index/index.scss

@@ -17,7 +17,20 @@
       flex-direction: row;
       // justify-content: space-between;
       align-items: center;
+      margin-top: 10px;
       margin-bottom: 10px;
+      flex-wrap: wrap;
+      // background-color: red;
+      .Tags {
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        // background-color: yellow;
+        .AtTag {
+          margin-right: 10px;
+          margin-bottom: 10px;
+        }
+      }
     }
 
     .homeCards {
@@ -69,7 +82,7 @@
             font-size: 40px;
             // z-index: 99;
           }
-          Image{
+          Image {
             // position: absolute;
             z-index: -1;
           }