样式调整

assets/css/developer/index.scss

@@ -8,20 +8,18 @@
 .block {
   padding: 24px;
   background: #fff;
-  border-radius: 8px;
+   border-radius: 6px;
   margin-bottom: 20px;
 }
 .title {
   font-size: 20px;
-  font-family: PingFangSC-Medium, PingFang SC;
-  font-weight: 500;
+  font-weight: 400;
   color: #0b121a;
   line-height: 28px;
 }
 .tips {
   margin-top: 2px;
   font-size: 14px;
-  font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
   color: #828c99;
   line-height: 21px;
@@ -66,12 +64,11 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  border-radius: 8px;
+  border-radius: 4px;
 
   font-size: 16px;
-  font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
-  border: 1px solid #ced3d9;
+  border: 1px solid rgba(0, 0, 0, 0.05);
   background: #ffffff;
   color: #0b121a;
   &.line {
@@ -95,7 +92,6 @@
   text-align: center;
 
   font-size: 13px;
-  font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
   color: #828c99;
   line-height: 18px;
@@ -125,7 +121,7 @@
   height: 116px;
   background: #ffffff;
   border-radius: 16px;
-  border: 1px solid #ebeced;
+  border: 1px solid rgba(0, 0, 0, 0.05);
 
   box-sizing: border-box;
   padding: 16px 16px 0;
@@ -141,25 +137,31 @@
   overflow: hidden;
 }
 
+.developer-order-title-area-wrap {
+  display: flex;
+  align-items: center;
+}
 .developer-order-title-area {
   display: flex;
   align-items: center;
+  justify-content: space-between;
 }
+
 .developer-order-tips {
-  margin-top: 8px;
+  margin-top: 15px;
   font-size: 14px;
-  font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
   color: #4b5d73;
   line-height: 20px;
 }
 .developer-order-icon {
-  width: 32px;
-  height: 32px;
+  width: 24px;
+  height: 24px;
   margin-right: 10px;
-  background-position: 50% 50%;
+  background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
+
 }
 
 @for $i from 1 through 5 {
@@ -170,8 +172,7 @@
 
 .developer-order-title {
   font-size: 16px;
-  font-family: PingFangSC-Medium, PingFang SC;
-  font-weight: 500;
+  font-weight: 400;
   color: #0b121a;
   line-height: 22px;
   margin-right: 16px;
@@ -179,7 +180,6 @@
 
 .developer-order-link {
   font-size: 14px;
-  font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
   color: #308eff;
   line-height: 20px;
@@ -211,7 +211,6 @@
   margin-bottom: 12px;
 
   font-size: 16px;
-  font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
   color: #0b121a;
   line-height: 22px;
@@ -271,6 +270,8 @@
   width: 48px;
   height: 48px;
   margin-right: 6px;
+  border-radius: 50px;
+  background-color: rgba(0, 0, 0, 0.05);
   img {
     width: 48px;
     height: 48px;
@@ -286,14 +287,12 @@
 }
 .developer-user-name {
   font-size: 16px;
-  font-family: PingFangSC-Medium, PingFang SC;
   font-weight: 500;
   color: #0b121a;
   line-height: 22px;
 }
 .developer-user-level {
   font-size: 14px;
-  font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
   color: #828c99;
   line-height: 20px;
@@ -302,10 +301,11 @@
 .user-title {
   margin-top: 30px;
   font-size: 16px;
-  font-family: PingFangSC-Medium, PingFang SC;
   font-weight: 500;
   color: #0b121a;
   line-height: 22px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  padding-bottom: 10px;
 }
 
 .developer-work-list {
@@ -314,21 +314,20 @@
   justify-content: space-between;
 }
 .developer-work-item {
-  width: 40px;
+  //width: 40px;
   text-align: center;
   cursor: pointer;
 }
 .developer-work-count {
-  font-size: 16px;
-  font-family: PingFangSC-Medium, PingFang SC;
+  font-size: 18px;
   font-weight: 500;
   color: #0b121a;
-  line-height: 22px;
+  line-height: 25px;
+  padding: 0 15px;
 }
 
 .developer-work-tips {
   font-size: 13px;
-  font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
   color: #828c99;
   line-height: 18px;
@@ -349,12 +348,12 @@
   cursor: pointer;
 }
 .developer-setting-icon {
-  width: 22px;
-  height: 22px;
+  width: 18px;
+  height: 18px;
   margin-right: 5px;
   background-repeat: no-repeat;
   background-position: 50% 50%;
-  background-size: 100% auto;
+  background-size: contain;
 }
 .setting-icon {
   background-image: url("~@/assets/img/developer/setting.png");
@@ -365,7 +364,6 @@
 
 .developer-setting-tips {
   font-size: 14px;
-  font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
   color: #0b111a;
   line-height: 21px;
@@ -388,7 +386,7 @@
   align-items: center;
   p {
     font-size: 14px;
-    font-family: PingFangSC-Regular, PingFang SC;
+
     font-weight: 400;
     color: #828c99;
     line-height: 20px;
@@ -413,7 +411,6 @@
 .developer-reward-count {
   margin-top: 8px;
   font-size: 20px;
-  font-family: PingFangSC-Medium, PingFang SC;
   font-weight: 500;
   color: #0b121a;
   line-height: 28px;
@@ -427,7 +424,6 @@
   width: 50%;
   float: left;
   font-size: 13px;
-  font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
   color: #828c99;
   line-height: 18px;
@@ -435,7 +431,7 @@
   span {
     margin-left: 6px;
     font-size: 16px;
-    font-family: PingFangSC-Regular, PingFang SC;
+
     font-weight: 400;
     color: #0b121a;
     line-height: 22px;
@@ -456,8 +452,7 @@
   align-items: center;
   justify-content: center;
 
-  font-size: 16px;
-  font-family: PingFangSC-Regular, PingFang SC;
+  font-size: 14px;
   font-weight: 400;
   color: #0b121a;
   cursor: pointer;
@@ -480,7 +475,7 @@
   width: 18px;
   height: 18px;
   margin-right: 6px;
-  background-size: 100% auto;
+  background-size: contain;
 }
 
 @for $i from 1 through 4 {
@@ -501,13 +496,13 @@
 
 .developer-tab {
   background-color: #fff;
-  border-radius: 8px;
+  // border-radius: 8px;
 }
 
 .developer-tab-title-list {
   display: flex;
   position: relative;
-  border-bottom: 1px solid #ebeced;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
 }
 
 .developer-tab-title-item {
@@ -519,7 +514,6 @@
   align-items: center;
 
   font-size: 16px;
-  font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
   color: #4b5d73;
 
@@ -527,7 +521,6 @@
   transition: all 0.5s;
   &.cur {
     font-size: 16px;
-    font-family: PingFangSC-Medium, PingFang SC;
     font-weight: 500;
     color: #0b121a;
   }
@@ -551,7 +544,6 @@
   margin-left: 24px;
   padding-left: 24px;
   font-size: 14px;
-  font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
   color: #828c99;
   background: url("~@/assets/img/developer/notice.png") no-repeat left 50%;
@@ -563,7 +555,6 @@
   margin-top: 24px;
   padding-left: 24px;
   padding-right: 24px;
-
 }
 
 .dynamic-empty {
@@ -576,7 +567,7 @@
     margin-top: 24px;
     text-align: center;
     font-size: 14px;
-    font-family: PingFangSC-Regular, PingFang SC;
+
     font-weight: 400;
     color: #828c99;
     line-height: 21px;
@@ -585,7 +576,7 @@
 
 .developer-dynamic-item {
   margin-bottom: 41px;
-  border-bottom: 1px solid #ebeced;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
   &:nth-last-child(1) {
     border-bottom: none;
   }
@@ -618,7 +609,6 @@
 
 .dynamic-user-nickname {
   font-size: 14px;
-  font-family: PingFangSC-Medium, PingFang SC;
   font-weight: 500;
   color: #0b121a;
   line-height: 20px;
@@ -636,14 +626,12 @@
   text-align: center;
   line-height: 16px;
   font-size: 10px;
-  font-family: PingFangSC-Medium, PingFang SC;
   font-weight: 500;
   color: #ffffff;
 }
 
 .dynamic-job {
   font-size: 12px;
-  font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
   color: #828c99;
   line-height: 17px;
@@ -657,7 +645,6 @@
 .dynamic-title {
   margin-top: 12px;
   font-size: 14px;
-  font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
   color: #0b111a;
   line-height: 21px;
@@ -676,7 +663,6 @@
   line-height: 23px;
 
   font-size: 12px;
-  font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
   color: #288bff;
 }
@@ -712,7 +698,7 @@
 .dynamic-link-content {
   a {
     font-size: 14px;
-    font-family: PingFangSC-Regular, PingFang SC;
+
     font-weight: 400;
     color: #0b111a;
     line-height: 21px;
@@ -735,47 +721,27 @@
   cursor: pointer;
 
   font-size: 14px;
-  font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
   color: #333333;
   line-height: 20px;
 }
 
-
-.dynamic-icon{
+.dynamic-icon {
   display: inline-block;
-  width:20px;
-  height:20px;
-  background-position: 50% 50%;
+  width: 18px;
+  height: 18px;
+  background-position: center;
   background-repeat: no-repeat;
-  background-size:20px auto;
-  margin-right: 6px;;
+  background-size: contain;
+  margin-right: 6px;
 }
 
-.icon-share{
-  background-image: url('~@/assets/img/developer/ic_ community_share@2x.png');
-}
-.icon-comment{
-  background-image: url('~@/assets/img/developer/ic_ community_comment@2x.png');
+.icon-share {
+  background-image: url("~@/assets/img/developer/ic_ community_share@2x.png");
 }
-.icon-like{
-  background-image: url('~@/assets/img/developer/ic_ community_praise_s@2x.png');
+.icon-comment {
+  background-image: url("~@/assets/img/developer/ic_ community_comment@2x.png");
 }
-
-.arrow_icon{
-  display: inline-block;
-  position: relative;
-  width:15px;
-  height:15px;
-  &::after{
-    content: "";
-    position:absolute;
-    left: 50%;
-    top: 50%;
-    width:6px;
-    height:6px;
-    transform:rotate(-45deg) translate(-50%, -50%);
-    border-right: 1px solid #828C9A;
-    border-bottom: 1px solid #828C9A;
-  }
+.icon-like {
+  background-image: url("~@/assets/img/developer/ic_ community_praise_s@2x.png");
 }

nuxt.config.js

@@ -19,7 +19,7 @@ const modifyHtml = html => {
 
 module.exports = {
   mode: "universal",
-  buildDir: process.env.NODE_ENV !== "development"?".nuxt":".nuxt_dev",
+  buildDir: (process.env.NODE_ENV !== "development" && process.env.NODE_ENV !== "prod_test")?".nuxt":".nuxt_dev",
   watchers: {
     ignored: [".nuxt/**", "node_modules/**"],
     webpack: {

pages/frontend/developer/index.vue

@@ -50,7 +50,7 @@
                             <div class="developer-process-step-icon icon-4"></div>
                             <div class="developer-process-step-content">开始接单</div>
                         </div>
-                        <div class="developer-process-tips">内容已通过</div>
+<!--                        <div class="developer-process-tips">内容已通过</div>-->
                     </article>
                 </div>
             </section>
@@ -60,13 +60,15 @@
             <section class="developer-order block" v-else>
                 <h3 class="title">新人如何接单</h3>
                 <p class="tips">
-                    客栈接单采用智能对接池匹配原则，权重越高优先匹配。当前在“前端”对接池的排名100，影响对接池的因素有以下几点：
+                  客栈接单采用智能对接池匹配原则，权重越高优先匹配。当前在“前端”对接池的<span style="color: #308eff;font-weight: bold;">排名100</span>，影响对接池的因素有以下几点：
                 </p>
                 <div class="developer-order-list">
                     <article class="developer-order-item">
                         <div class="developer-order-title-area">
+                          <div class="developer-order-title-area-wrap">
                             <div class="developer-order-icon icon-1"></div>
                             <h5 class="developer-order-title">完善个人资料</h5>
+                          </div>
                             <div class="developer-order-link">
                                 <a href="/setting/work">立即完善</a>
                             </div>
@@ -77,8 +79,10 @@
                     </article>
                     <article class="developer-order-item">
                         <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">技术等级认证</h5>
+                          </div>
                             <div class="developer-order-link">
                                 <a href="/frontend/skill_cert/profile">立即认证</a>
                             </div>
@@ -89,8 +93,10 @@
                     </article>
                     <article class="developer-order-item">
                         <div class="developer-order-title-area">
+                          <div class="developer-order-title-area-wrap">
                             <div class="developer-order-icon icon-3"></div>
                             <h5 class="developer-order-title">Ping一下</h5>
+                          </div>
                             <div class="developer-order-link">
                                 <a href="" @click.prevent="ping">Ping一下</a>
                             </div>
@@ -101,8 +107,10 @@
                     </article>
                     <article class="developer-order-item">
                         <div class="developer-order-title-area">
+                          <div class="developer-order-title-area-wrap">
                             <div class="developer-order-icon icon-4"></div>
                             <h5 class="developer-order-title">客户好评</h5>
+                          </div>
                             <!-- <div class="developer-order-link"><a href="">立即完善</a></div> -->
                         </div>
                         <p class="developer-order-tips">
@@ -111,10 +119,12 @@
                     </article>
                     <article class="developer-order-item">
                         <div class="developer-order-title-area">
+                          <div class="developer-order-title-area-wrap">
                             <div class="developer-order-icon icon-5"></div>
                             <h5 class="developer-order-title">开通开发者会员</h5>
+                          </div>
                             <div class="developer-order-link">
-                                <a href="/type/vip/developer">查看会员介绍</a>
+                                <a href="/type/vip/developer">会员介绍</a>
                             </div>
                         </div>
                         <p class="developer-order-tips">
@@ -311,16 +321,16 @@
             <!-- 收入：end -->
 
             <div class="developer-skill block">
-                <div class="developer-skill-item" :class="userInfo.is_open_kill == 1 ? 'cur':''" @click="goto('/workbench/skill/index')">
+                <div class="developer-skill-item"  @click="goto('/workbench/skill/index')">
                     <span class="developer-skill-icon icon1"></span>发布技能
                 </div>
-                <div class="developer-skill-item" :class="userInfo.is_open_consult == 1 ? 'cur':''" @click="goto('/workbench/consult/index')">
+                <div class="developer-skill-item" @click="goto('/workbench/consult/index')">
                     <span class="developer-skill-icon icon2"></span>发布咨询
                 </div>
-                <div class="developer-skill-item" :class="userInfo.is_open_mall == 1 ? 'cur':''" @click="goto('/workbench/learn/index')">
+                <div class="developer-skill-item"  @click="goto('/workbench/learn/index')">
                     <span class="developer-skill-icon icon3"></span>上传课程
                 </div>
-                <div class="developer-skill-item" :class="userInfo.is_open_kc == 1 ? 'cur':''" @click="goto('/otherpage/works/create')">
+                <div class="developer-skill-item"  @click="goto('/otherpage/works/create')">
                     <span class="developer-skill-icon icon4"></span>上传资源
                 </div>
             </div>
@@ -471,9 +481,11 @@ export default {
     },
     methods: {
         gotoApp() {
+            this.checkLogin(true);
             this.$message("请前往APP完成实名");
         },
         gotoAppTips() {
+            this.checkLogin(true);
             this.$message("请前往APP查看");
         },
         goto(url) {