个人主页、话题页面和社区详情页UI调整

@@ -228,7 +228,8 @@ export default {
 
   .description {
     margin: 14px 20px;
-    font-size: 24px;
+    font-size: 26px;
+    font-weight: 500;
     line-height: 36px;
     max-height: 72px;
     /* stylelint-disable */

@@ -706,7 +706,7 @@ export default {
     }
 
     .blank-main {
-      height: 474px;
+      height: 460px;
       margin-left: 30px;
       margin-right: 30px;
       width: calc(100% - 60px);
@@ -813,19 +813,15 @@ export default {
 
   .author-fans {
     display: flex;
-    justify-content: center;
+    justify-content: space-between;
     padding-top: 4px;
-    padding-right: 40px;
+    margin-left: 48px;
+    margin-right: 48px;
 
     li {
-      margin-left: 140px;
       position: relative;
       z-index: 1;
 
-      &:first-child {
-        margin-left: 0;
-      }
-
       .click-wrap {
         position: absolute;
         left: -50px;
@@ -839,7 +835,7 @@ export default {
         min-width: 30px;
         font-size: 40px;
         font-weight: 500;
-        padding-bottom: 6px;
+        padding: 0 20px 6px 20px;
         display: block;
         text-align: center;
         color: #222;
@@ -850,13 +846,14 @@ export default {
         font-size: 24px;
         font-weight: 300;
         color: #b0b0b0;
-        margin-left: 50%;
+        padding: 0 20px;
+        text-align: center;
         word-break: keep-all;
         white-space: nowrap;
 
         > * {
           position: relative;
-          left: -50%;
+          left: -30%;
         }
       }
     }

@@ -3,8 +3,7 @@
     <ul class="sub-tabs-list">
       <li v-if="item.num" v-for="(item, index) in tabList" :key="index" @click="changeType(index, true)">
         <div class="sub-tabs-item" :class="{'active': active === index}">
-          {{item.name}}
-          <span class="sub-t-num" :class="{'active': active === index}">·{{item.num}}</span>
+          {{item.name}}·{{item.num}}
         </div>
       </li>
     </ul>
@@ -80,22 +79,24 @@ export default {
     display: flex;
 
     li {
-      font-size: 28px;
+      font-size: 24px;
       color: #b0b0b0;
-      font-weight: 300;
-      padding: 30px 40px 30px 0;
+      padding: 20px 40px 20px 0;
     }
 
-    .sub-t-num {
-      color: #b0b0b0;
-      font-size: 20px;
-      margin-left: -6px;
+    .sub-tabs-item {
+      padding: 10px 20px 10px 20px;
+      border-radius: 8px;
+      box-sizing: border-box;
     }
 
     .active {
       color: #444;
       font-weight: 500;
       position: relative;
+      background-color: #f0f0f0;
+      border-radius: 30px;
+      box-sizing: border-box;
     }
   }
 }

@@ -52,7 +52,6 @@ export default {
 
 <style>
   .tabs-wrap {
-    padding: 0 30px;
     background-color: #fff;
     display: flex;
     justify-content: center;
@@ -65,19 +64,21 @@ export default {
         font-size: 28px;
         color: #b0b0b0;
         font-weight: 300;
-        padding: 20px 40px 30px 0;
+      }
+
+      .tabs-item {
+        padding: 28px 40px;
       }
 
       .t-num {
         color: #b0b0b0;
         font-size: 20px;
-        zoom: 0.9;
+        zoom: 0.6;
         margin-left: -6px;
       }
 
       .active {
         color: #444;
-        font-weight: 500;
         position: relative;
       }
     }