feat: tag标签

src/pages/components/ActiveCard/index.scss

@@ -3,10 +3,17 @@
   flex-direction: row;
   height: 200px;
   background-color: #fafafa;
-  margin-top: 20px;
+  margin-top: 5px;
   .left {
     width: 30%;
+    // position: relative;
     // background-color: aqua;
+    .leftTag{
+      position: absolute;
+      z-index: 2;
+      padding-top: 5px;
+      padding-left:5px;
+    }
   }
   .middle {
     display: flex;

src/pages/components/ActiveCard/index.tsx

@@ -10,12 +10,20 @@ const ActiveCard = () => {
   return (
     <View className="activeCard">
       <View className="left">
-        <Image
-          width="100%"
-          height="100px"
-          fit="cover"
-          src="cloud://cloud1-5g5xrgza12a0dd6d.636c-cloud1-5g5xrgza12a0dd6d-1253665791/images/v4-460px-Climb-a-Mountain-Step-9.jpg"
-        />
+       {false && <View className="leftTag">
+          <Tag round={true} type="success">
+            标签
+          </Tag>
+        </View>}
+
+        <View className="leftImage">
+          <Image
+            width="100%"
+            height="100px"
+            fit="cover"
+            src="cloud://cloud1-5g5xrgza12a0dd6d.636c-cloud1-5g5xrgza12a0dd6d-1253665791/images/v4-460px-Climb-a-Mountain-Step-9.jpg"
+          />
+        </View>
       </View>
       <View className="middle">
         <View className="title">
@@ -26,11 +34,9 @@ const ActiveCard = () => {
         </View>
         <View className="down">
           <View className="date">
-          <View className="21">莲花山公园</View>
-          <View className="11">2022年11月17日</View>
-          
+            <View className="21">莲花山公园</View>
+            <View className="11">2022年11月17日</View>
           </View>
-         
 
           <View className="btn">
             <Button plain hairline type="primary">