修改技术认证以及个人开发者首页页面

assets/css/developer/index.scss

@@ -115,6 +115,8 @@
 
 .developer-order-list {
   font-size: 0;
+  position: relative;
+  z-index: 1;
 }
 .developer-order-item {
   width: 333px;
@@ -133,6 +135,33 @@
   }
 }
 
+.developer-order-item-activity{
+  position: relative;
+  z-index: 10;
+}
+
+.developer-activity-tips{
+  position: absolute;
+  z-index: 2;
+  left: 349px;
+  top: -12px;
+
+  width: 118px;
+  height: 40px;
+  background: #FF4E33;
+  border-radius: 8px 8px 0px 0px;
+  padding:4px 0 0 8px;
+  box-sizing: border-box;
+
+  white-space: nowrap;
+  font-size: 12px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #FFFFFF;
+  line-height: 17px;
+
+}
+
 .developer-order-list {
   
   &::after{
@@ -149,7 +178,7 @@
 .developer-order-title-area {
   display: flex;
   align-items: center;
-  justify-content: space-between;
+  // justify-content: space-between;
   
   
 }
@@ -183,21 +212,8 @@
   line-height: 22px;
   margin-right: 16px;
   position: relative;
-  .developer-activity-tips{
-    position: absolute;
-    right: -10px;
-    top: -5px;
-    transform:translate(100%,-100%);
-    padding:0 15px;
-    height:32px;
-    white-space: nowrap;
-    line-height: 32px;;
-    font-size: 12px;
-    font-weight: 400;
-    color: #fff;
-    background-color: #f00;
-    border-radius: 40px 38px 38px 0;
-  }
+  z-index: 3;
+  
 }
 
 .developer-order-link {

pages/frontend/developer/index.vue

@@ -80,13 +80,12 @@
                             账号信息完善度（个人信息+简历+作品）越高，客户信任感更高，也更容易为您精准匹配。
                         </p>
                     </article>
-                    <article class="developer-order-item">
+                    <article class="developer-order-item developer-order-item-activity">
                         <div class="developer-order-title-area">
                             <div class="developer-order-title-area-wrap">
                                 <div class="developer-order-icon icon-2"></div>
                                 <h5 class="developer-order-title">
                                     <span>技术等级认证</span>
-                                    <div class="developer-activity-tips">限时100%接单活动</div>
                                 </h5>
                             </div>
                             <div class="developer-order-link">
@@ -99,6 +98,8 @@
                             派单第一优先匹配进行过技术认证的用户，认证状态永久保留！
                         </p>
                     </article>
+
+                    
                     <article class="developer-order-item">
                         <div class="developer-order-title-area">
                             <div class="developer-order-title-area-wrap">
@@ -139,6 +140,7 @@
                             开发者会员出来提高权重，还有更多权益！
                         </p>
                     </article>
+                     <div class="developer-activity-tips">限时100%接单活动</div>
                 </div>
             </section>
             <!-- 新人如何接单：end -->

pages/frontend/skill_cert/components/job-member-list.vue

@@ -162,8 +162,8 @@ export default {
   position: relative;
 }
 .job-member-list {
-  padding-top: 15px;
-  padding-bottom: 15px;
+  padding-top: 9px;
+  padding-bottom: 9px;
   font-size: 0;
   display: flex;
   flex-wrap: nowrap;

pages/frontend/skill_cert/components/skill-cert-activity.vue

@@ -22,7 +22,7 @@
         <div class="activity-item">
           <h6>活动2（提交时勾选即可）：先认证，接单后</h6>
           <p>
-            * 先进行认证，成功接单后再扣除150%的认证费用
+            * 先进行认证，成功完成单并结算后，再支付150%的认证费用
           </p>
         </div>
       </div>
@@ -195,7 +195,7 @@ export default {
   h6 {
     font-size: 15px;
     font-family: PingFangSC-Medium, PingFang SC;
-    font-weight: 500;
+    font-weight: 700;
     color: #ff4d27;
     line-height: 21px;
   }