修复留言板bug，添加GPA计算器

src/pages/demoPages/messageBoard/Board_page.vue

@@ -113,7 +113,7 @@ watch(sendCD, (newValue) => {
 });
 
 onMounted(async () => {
-  sendCD.value = store.state.demos.board?.sendCD;
+  sendCD.value = store.state.demos.board?.sendCD || 0;
   await refreshBoard();
 })
 
@@ -142,7 +142,15 @@ onMounted(async () => {
         <img :src="store.getters.profileImage" alt="Avatar">
         <div class="text">
           <div>{{ store.state.userInfo.username }}</div>
-          <div><{{ store.state.userInfo.role_id === 1 ? '管理员' : '普通用户' }}></div>
+          <div><{{ (function (){
+                if (store.state.userInfo.role_id === 1) {
+                    return '管理员';
+                }
+                if (store.state.userInfo.role_id === 0) {
+                    return '普通用户';
+                }
+                return '游客'
+          })() }}></div>
         </div>
         <div class="refresh-btn">
           <button @click="clickRefresh">刷新</button>
@@ -265,6 +273,7 @@ onMounted(async () => {
 
 .sender-tips img {
   width: 50px;
+  height: 50px;
   margin: 15px 15px 0;
   border-radius: 50%;
 }

src/pages/demoPages/messageBoard/Message.vue

@@ -139,13 +139,13 @@ async function deleteMessage(id, message) {
 
 }
 
-//.like {
-//  display: flex;
-//  align-items: center;
-//  overflow: hidden;
-//  gap: 3px;
-//  color: gray;
-//}
+.like {
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  gap: 3px;
+  color: gray;
+}
 
 .like button {
   color: gray;

src/pages/toolPages/gpaCalculator/gpaCalculator_page.vue

@@ -73,7 +73,7 @@ onMounted(() => {
         </label>
 
 
-        <button v-if="lessons.length > 1" class="btn" @click="removeGroup(index)">-</button>
+        <button class="btn" @click="removeGroup(index)">-</button>
       </div>
 
       <button class="generate" @click="saveResultToLocalStorage">计算</button>
@@ -87,10 +87,11 @@ onMounted(() => {
 <style scoped>
 .container {
   width: 100%;
-  height: 100%;
+  height: calc(100vh - 100px);
   display: flex;
   flex-direction: column;
   align-items: center;
+
 }
 
 .calculator-container {
@@ -99,14 +100,23 @@ onMounted(() => {
   align-items: center;
   width: 80%;
   margin-top: 20px;
+  gap: 10px;
+  padding-bottom: 100px;
 }
 
 .group {
+  background: rgba(128, 128, 128, 0.26);
+  border-radius: 20px;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
-  margin-bottom: 10px;
+  padding: 20px;
+  gap:10px
+}
+
+.group select {
+  height: 100%;
 }
 
 .title {
@@ -160,7 +170,6 @@ onMounted(() => {
   border-radius: 5px;
   font-size: 16px;
   cursor: pointer;
-  margin-left: 10px;
 }
 .theme-light .btn {
   background-color: #ffffff;