页面样式统一

Web/src/views/ClassificationNLP.vue

@@ -64,13 +64,14 @@
       position="bottom" 
       :style="{ height: '80%' }"
       round
+      closeable
     >
-      <div class="records-popup">
-        <div class="popup-header">
+      <div class="popup-container">
+        <div class="popup-header-fixed">
           <h3>交易记录列表</h3>
-          <van-icon name="cross" @click="showRecordsList = false" />
         </div>
         
+        <div class="popup-scroll-content" style="background: var(--van-background, #f7f8fa);">
         <!-- 批量操作按钮 -->
         <div class="batch-actions">
           <van-button 
@@ -113,6 +114,7 @@
             :show-delete="false"
           />
         </div>
+        </div>
       </div>
     </van-popup>
   </div>
@@ -335,34 +337,6 @@ const handleSubmit = async () => {
 
 .records-list {
   padding-bottom: 20px;
-  overflow-y: auto;
-  flex: 1;
-}
-
-.records-popup {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  background-color: var(--van-background, #f7f8fa);
-}
-
-.popup-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 16px;
-  background-color: var(--van-background-2, #fff);
-}
-
-.popup-header h3 {
-  margin: 0;
-  font-size: 16px;
-  font-weight: 500;
-}
-
-.popup-header .van-icon {
-  font-size: 20px;
-  cursor: pointer;
 }
 
 /* 设置页面容器背景色 */