feat: 🎸 新增了一些页面

src/pages/PersonalProfile/components/ProfileCard/index.css

@@ -10,6 +10,7 @@
   flex-direction: column;
   box-sizing: border-box;
   padding: 16px;
+  flex-shrink: 0;
 
   .profile-card-user-info {
     width: 100%;
@@ -64,7 +65,7 @@
     display: flex;
     justify-content: space-around;
     align-items: center;
-    margin-bottom: 10px;
+    margin-bottom: 20px;
 
     .profile-card-achievement-info-item {
       width: 80px;
@@ -111,7 +112,7 @@
       position: relative;
       display: flex;
       align-items: center;
-      margin-bottom: 10px;
+      margin-bottom: 15px;
 
       .profile-card-class-info-item-icon {
         position: absolute;

src/pages/PersonalProfile/components/StudyStudes/index.css

@@ -17,6 +17,7 @@
     font-weight: 500;
     line-height: 30px;
     color: #262626;
+    margin-bottom: 20px;
   }
 
   .study-studes-card-list {
@@ -34,11 +35,10 @@
       position: relative;
       background-image: url("@/assets/images/PersonalProfile/study_study_bg.png");
       background-size: 100% 100%;
-      margin-bottom: 37px;
 
       .study-studes-card-time-wrapper {
         position: absolute;
-        bottom: 10px;
+        bottom: 20px;
         left: 50%;
         transform: translateX(-50%);
         border-radius: 8px;
@@ -150,8 +150,12 @@
       .study-studes-card-curriculum-chart {
         width: 194px;
         height: 200px;
+        margin-bottom: 30px;
       }
 
+      .study-studes-card-curriculum-info:last-child {
+        margin-bottom: 0;
+      }
       .study-studes-card-curriculum-info {
         width: 194px;
         height: 69px;

src/pages/PersonalProfile/index.css

@@ -13,10 +13,8 @@
   box-sizing: border-box;
   padding: 20px;
   width: 100%;
-  height: 781px;
   display: flex;
   justify-content: space-between;
-  align-items: center;
 
   .unified-profile-left {
     width: 360px;
@@ -34,7 +32,7 @@
 
   .unified-profile-right {
     width: 744px;
-    height: 100%;
+    height: 781px;
     border-radius: 8px;
     background-color: #fff;
   }