feat: 离我最近

dist/pages/home/index.wxss

@@ -59,3 +59,21 @@
 .Swiper-box .Swiper .SwiperImg {
   border-radius: 15%;
 }
+.homeLbs {
+  margin-top: 20rpx;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.homeLbs .lbsMount {
+  margin-left: 30rpx;
+}
+.homeLbs .lbsMount .lbsMountTag {
+  margin-left: 10rpx;
+}

src/pages/home/index.scss

@@ -37,3 +37,18 @@
     }
   }
 }
+
+.homeLbs {
+  margin-top: 20px;
+  // background-color: yellow;
+  // padding: 20px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  .lbsMount{
+    margin-left: 30px;
+    .lbsMountTag{
+      margin-left: 10px;
+    }
+  }
+}

src/pages/home/index.tsx

@@ -300,7 +300,7 @@ const Home = () => {
           show={show}
           onClose={() => {
             setShow(false);
-            getdetails()
+            getdetails();
           }}
         >
           <View className="tagArr">
@@ -553,6 +553,24 @@ const Home = () => {
         <Tab title="周日">周日</Tab>
       </Tabs> */}
 
+      {/* 离我最近 */}
+      {/* <View className="homeLbs">
+        <Icon name="location" size="20px" className="icon"></Icon>
+        <View> 理我最近</View>
+
+        <View className="lbsMount">
+          <Tag plain={true} type="primary" className="lbsMountTag">
+            梧桐山 5km
+          </Tag>
+          <Tag plain={true} type="success" className="lbsMountTag">
+            七娘山 3km
+          </Tag>
+          <Tag plain={true} type="danger" className="lbsMountTag">
+            莲花山 2km
+          </Tag>
+        </View>
+      </View> */}
+
       {/* 截取数组2个活动 */}
       {details?.length > 0 ? (
         <View>