成长首页ui细节调整

src/views/development/index.vue

@@ -10,7 +10,7 @@
       </div>
     </router-link>
     <div class="gap">当前任务</div>
-    <div class="task radius">
+    <div class="task">
       <div class="image">
         <img src="@/assets/development/images/task.png" alt="" />
       </div>
@@ -47,7 +47,7 @@
     </div>
     <div class="levels">
       <div
-        class="level"
+        class="level radius"
         v-for="(item, index) in levels"
         :key="index"
         :class="{
@@ -183,11 +183,14 @@ export default {
   font-weight: 400;
 }
 .radius {
-  border-radius: 70px;
+  border-radius: 60px;
 }
 .bold {
   font-weight: bold;
 }
+.gap {
+  padding-left: 35px;
+}
 .devlopment {
   padding-top: 30px;
   font-weight: bold;
@@ -213,6 +216,7 @@ export default {
     position: relative;
     width: 100%;
     height: 750px;
+    border-radius: 40px;
     background: #ff5f8b;
 
     .image {
@@ -233,7 +237,7 @@ export default {
         display: flex;
         justify-content: space-between;
         align-items: flex-end;
-        padding: 20px 60px;
+        padding: 20px 40px;
         .mid-text {
           font-size: 30px;
         }
@@ -290,9 +294,8 @@ export default {
       overflow: hidden;
       position: relative;
       width: 100%;
-      height: 300px;
+      height: 270px;
       color: white;
-      border-radius: 60px;
       margin-top: 20px;
       background: #b3b3b3;
 
@@ -313,23 +316,25 @@ export default {
 
         .level-info-level {
           .level-info-text {
+            font-size: 50px;
+            letter-spacing: 2px;
           }
           .level-info-status {
+            font-size: 25px;
+            font-weight: 400;
           }
         }
         .level-info-title {
-          .level-info-title-text {
-          }
-          .level-info-title-desc {
-          }
+          font-size: 34px;
+          letter-spacing: 2px;
         }
       }
       .tip {
         position: absolute;
         right: 20px;
         top: 20px;
-        width: 150px;
-        height: 215.5px;
+        width: 120px;
+        height: 173px;
         z-index: 3;
       }
     }