feat: 代招代发

src/components/job-manage-card/index.less

@@ -6,12 +6,12 @@
   height: 152px;
   .flex-row();
   padding: 24px 32px;
-  background: #FFF;
+  background: #fff;
   box-sizing: border-box;
   position: relative;
 
   &::after {
-    content: "";
+    content: '';
     height: 2px;
     background: #00000026;
     position: absolute;
@@ -52,7 +52,11 @@
 
   &__status {
     height: 100%;
-    .flex-row();
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: flex-end;
+    gap: 24px;
     font-size: 28px;
     line-height: 32px;
     font-weight: 400;
@@ -63,7 +67,27 @@
     }
 
     &.error {
-      color: #FF5051;
+      color: #ff5051;
     }
   }
-}
+
+  &__buy-tag {
+    padding: 8px;
+    background: rgba(255, 80, 81, 0.12);
+    border-radius: 4px;
+    font-size: 24px;
+    line-height: 24px;
+    color: #ff5051;
+    .flex-row();
+
+    &-wrapper {
+      padding-top: 8px;
+    }
+
+    &-icon {
+      width: 13px;
+      height: 18px;
+      margin-right: 5px;
+    }
+  }
+}