update

docker-compose.yml

@@ -5,7 +5,7 @@ services:
     build:
       context: .
       dockerfile: Dockerfile
-    image: tradus-web:1.3.12
+    image: tradus-web:1.3.13
     container_name: tradus-web
     ports:
       - '6000:80'

src/views/AnalysisHistoryView.vue

@@ -249,8 +249,6 @@ onMounted(() => {
             上一页
           </button>
 
-          <span class="page-info">第 {{ currentPage }} 页</span>
-
           <button
             v-if="historyList.length === limit"
             class="page-btn"
@@ -304,6 +302,7 @@ onMounted(() => {
   padding: 1rem;
   display: flex;
   flex-direction: column;
+  overflow: hidden; /* 防止整个页面滚动，改为内部容器滚动 */
 }
 
 .content-container {
@@ -311,6 +310,9 @@ onMounted(() => {
   margin: 0 auto;
   width: 100%;
   padding: 2rem 1rem;
+  height: 100%; /* 高度100%确保内容填充可用空间 */
+  display: flex;
+  flex-direction: column;
 }
 
 .header-section {
@@ -342,6 +344,10 @@ onMounted(() => {
   display: flex;
   flex-direction: column;
   gap: 1rem;
+  flex: 1;
+  overflow-y: auto; /* 启用内容区域滚动 */
+  padding-right: 0.5rem; /* 为滚动条留出空间 */
+  max-height: calc(100vh - 200px); /* 限制最大高度，确保可滚动 */
 }
 
 .loading-container {
@@ -380,6 +386,8 @@ onMounted(() => {
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
+  overflow-y: visible; /* 确保列表项可见 */
+  padding-bottom: 2rem; /* 底部留出空间，避免最后一项被遮挡 */
 }
 
 .history-item {
@@ -507,11 +515,6 @@ onMounted(() => {
   cursor: not-allowed;
 }
 
-.page-info {
-  font-size: 0.9rem;
-  color: var(--color-text-secondary);
-}
-
 /* 详情弹窗样式 */
 .detail-modal {
   position: fixed;
@@ -523,7 +526,7 @@ onMounted(() => {
   display: flex;
   align-items: center;
   justify-content: center;
-  z-index: 1000;
+  z-index: 9999; /* 提高z-index值，确保在侧边栏菜单按钮上层 */
   padding: 1rem;
 }
 
@@ -642,6 +645,24 @@ onMounted(() => {
     font-size: 1.1rem;
   }
 }
+
+/* 优化滚动条样式 */
+.history-content::-webkit-scrollbar {
+  width: 6px;
+}
+
+.history-content::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.history-content::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0.1);
+  border-radius: 10px;
+}
+
+.history-content::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(0, 0, 0, 0.2);
+}
 </style>
 
 <style>