feat: 模卡更新

src/components/partner-intro/index.less

@@ -36,7 +36,7 @@
       padding-right: 9px;
       font-size: 64px;
       line-height: 62px;
-      background: linear-gradient(87.53deg, #683DE3 0.4%, #39227D 84.55%);
+      background: linear-gradient(87.53deg, #683de3 0.4%, #39227d 84.55%);
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
       background-clip: text;
@@ -87,31 +87,48 @@
     box-sizing: border-box;
     height: 130px;
     padding: 24px 32px;
-    &-time {
+    &-top-line {
+      .flex-row();
       font-style: normal;
       font-size: 28px;
       line-height: 40px;
       color: #333333;
       font-weight: 400;
       position: relative;
+      .noWrap();
+    }
+    &-id {
+      .id {
+        color: #999999;
+        display: inline-block;
+        padding-left: 10px;
+      }
+    }
+    &-time {
+      padding-right: 55px;
     }
     &-details {
       margin-top: 5px;
-      white-space: nowrap;
+      .flex-row();
+      justify-content: space-between;
     }
-    &-id {
+    &-tag {
+      height: 36px;
+      margin-right: 16px;
+      padding: 0 12px;
+      border: 1px solid #6d3df5;
+      border-radius: 4px;
       font-size: 24px;
       line-height: 36px;
-      color: #999999;
-      padding-right: 22px;
+      color: #6d3df5;
       display: inline-block;
     }
     &-info {
       font-size: 28px;
       line-height: 40px;
       color: #333333;
-      margin-right: 16px;
       display: inline-block;
+      margin-right: 16px;
       &:last-child {
         margin-right: 0;
       }
@@ -257,7 +274,7 @@
 
   &__share-button {
     //flex: 2 2;
-    flex: 0 0  406px;
+    flex: 0 0 406px;
     width: 406px;
     .button(@height: 88px; @fontSize: 32px; @fontWeight: 500; @borderRadius: 44px;);
     //margin-left: 32px;