From 9c918895978c5bad0906e5dba598bf22db9b5902 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?M=E4=BA=86=E4=B8=AAJ?= <codermjlee@gmail.com>
Date: Mon, 11 May 2026 15:36:48 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E5=88=A0=E9=99=A4=E4=BD=9C?=
 =?UTF-8?q?=E4=B8=9A=E5=92=8C=E4=BF=A1=E7=AE=B1=E7=9A=84=E5=A4=A7=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/system/homeWork/index.vue | 21 +++++++++------------
 src/page/system/mailbox/index.vue  | 23 ++++++++---------------
 2 files changed, 17 insertions(+), 27 deletions(-)

diff --git a/src/page/system/homeWork/index.vue b/src/page/system/homeWork/index.vue
index 6387dd7..62d9881 100644
--- a/src/page/system/homeWork/index.vue
+++ b/src/page/system/homeWork/index.vue
@@ -97,12 +97,7 @@ const startDoWork = () => {
 </script>
 <template>
   <div class="uncomplete">
-    <div
-      class="book"
-      :style="{
-        'background-image': `url(${OSS_URL}/urm/book_bg.svg)`,
-      }"
-    >
+    <div class="book">
       <template v-if="paperList.length">
         <div class="book-sidebar-box">
           <div class="book-sidebar hidden_scroll">
@@ -240,18 +235,20 @@ const startDoWork = () => {
     position: fixed;
     width: 133.5vh;
     height: 94vh;
-    left: 300px;
-    top: 6.67vh;
+    left: 290px;
+    top: 4.67vh;
     background-repeat: no-repeat;
     background-position: top left;
     background-size: 100% 100%;
-    padding: 10vh 11.67vh 6.33vh 9vh;
+    padding: 9vh 2vh 2vh 7vh;
     display: flex;
     z-index: 2;
     &-sidebar {
-      width: 36.67vh;
+      width: 39.67vh;
       height: 100%;
       flex-shrink: 0;
+      background-color: #81eaf0;
+      padding: 1.5vh;
       &-item {
         padding: 0.83vh;
         display: flex;
@@ -307,9 +304,9 @@ const startDoWork = () => {
       }
     }
     &-main {
-      margin-left: 5.83vh;
-      padding-top: 1.33vh;
+      padding: 1.33vh 2.8vh 0;
       width: calc(100% - 3.33vh);
+      background-color: #fff;
       .info {
         padding: 1.33vh 0;
         display: flex;
diff --git a/src/page/system/mailbox/index.vue b/src/page/system/mailbox/index.vue
index 107cd85..408e0ac 100644
--- a/src/page/system/mailbox/index.vue
+++ b/src/page/system/mailbox/index.vue
@@ -244,12 +244,7 @@ onUnmounted(() => {
 <template>
   <div class="uncomplete">
     <div v-if="!initLoading" class="hidden_scroll">
-      <div
-        class="book"
-        :style="{
-          'background-image': `url(${OSS_URL}/urm/book_bg.svg)`,
-        }"
-      >
+      <div class="book">
         <template v-if="mailList.length && !pageLoading">
           <div class="book-left">
             <div
@@ -462,18 +457,16 @@ onUnmounted(() => {
   .book {
     box-sizing: border-box;
     @include book_style;
-    // margin: 0 20px 0 186px;
-    background-repeat: no-repeat;
-    background-position: top left;
-
-    background-size: 100%;
-    padding: 7.5vh 11.17vh 6.33vh 8.67vh;
+    // padding: 7.5vh 11.17vh 6.33vh 8.67vh;
+    padding-left: 6vh;
     display: flex;
     z-index: 2;
     &-left {
-      width: 37.75vh;
+      width: 40.75vh;
+      padding: 1.5vh;
       position: relative;
       z-index: 1;
+      background-color: #81eaf0;
     }
     .mail-num {
       color: #fff;
@@ -597,11 +590,11 @@ onUnmounted(() => {
     &-main {
       position: relative;
       z-index: 1;
-      margin-left: 5.33vh;
-      padding-top: 3.33vh;
+      padding: 3.33vh 2.8vh 0;
       width: calc(100% - 40vh);
       display: flex;
       flex-direction: column;
+      background-color: #fff;
       .info {
         flex-shrink: 0;
         padding: 1.33vh 0;