style: 省份css

src/pages/index/index.jsx

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