修挂样式

src/views/growth/index.vue

@@ -116,6 +116,7 @@
     <div class="growth-right">
       <div class="title">专业力必修</div>
       <div
+        :key="item.id"
         class="item-growth"
         :class="selectData.id == item.id ? 'active' : ''"
         v-for="item of list"
@@ -282,19 +283,22 @@ export default {
       background-image: url(../../assets/images/growth/growth-bg.png);
       .nav-title {
         font-weight: 700;
-        font-size: 26px;
+        font-size: 24px;
+        margin-right: 10%;
       }
       .nav-total {
-        margin-left: 15%;
+        // margin-left: 15%;
+        width: 20%;
       }
       .total-num {
         font-weight: bold;
-        font-size: 30px;
+        font-size: 24px;
       }
     }
   }
   .growth-right {
-    width: 464px;
+    width: 30%;
+    max-width: 464px;
     margin-bottom: 35px;
     background-color: #ffffff;
     padding: 35px 20px 20px 30px;
@@ -302,7 +306,7 @@ export default {
       font-size: 18px;
       color: #000000;
       font-weight: 700;
-      margin-bottom: 35px;
+      margin-bottom: 30px;
       overflow: hidden;
       white-space: nowrap;
       text-overflow: ellipsis;
@@ -313,7 +317,7 @@ export default {
       border-radius: 5px;
       font-size: 14px;
       color: #666666;
-      padding: 15px 20px 15px 8px;
+      padding: 10px 20px 10px 8px;
     }
     .icon {
       width: 4px;