成就等界面接口调整

schoolNewsWeb/src/views/user/user-center/MyAchievementsView.vue

@@ -243,13 +243,15 @@ onMounted(() => {
 
 <style lang="scss" scoped>
 .my-achievements {
-  padding: 20px 0;
+  // padding: 20px 0;
+  height: 100%;
+  box-sizing: border-box;
 
   .achievements-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    margin-bottom: 32px;
+    height: 10%;
     
     h2 {
       font-size: 28px;
@@ -262,7 +264,7 @@ onMounted(() => {
 
 .achievement-stats {
   display: flex;
-  gap: 32px;
+  gap: 20px;
   
   .stat-item {
     display: flex;
@@ -289,10 +291,10 @@ onMounted(() => {
 
 .filter-tabs {
   display: flex;
+  height: 5%;
   justify-content: space-between;
   align-items: center;
-  margin-bottom: 24px;
-  padding: 16px;
+  margin: 10px;
   background: #f8f9fa;
   border-radius: 8px;
 }
@@ -303,6 +305,8 @@ onMounted(() => {
 
 .achievements-grid {
   display: grid;
+  height: 80%;
+  overflow-y: auto;
   grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
   gap: 20px;
   margin-bottom: 20px;