review page, fix ui

package.json

@@ -5,7 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "vue-tsc --noEmit && vite build",
+    "build": "vue-tsc --noEmit && vite build && (cd src-tauri && cargo check)",
     "preview": "vite preview",
     "tauri": "tauri"
   },

src-tauri/src/lib.rs

@@ -5,7 +5,7 @@ use serde::{Deserialize, Serialize};
 use std::fs;
 use std::collections::HashMap;
 use std::collections::HashSet;
-use std::io;
+
 
 // Define the configuration structure
 #[derive(Serialize, Deserialize, Default, Debug)]

src/App.vue

@@ -306,7 +306,7 @@ const handleCopy = async () => {
 // Reactivity for Current Directory Prefix
 watch(currentDir, (newPath) => {
   if (!newPath) return;
-  const dirName = newPath.split(/[/\\]/).pop();
+  const dirName = newPath.split(/[\\/]/).pop();
   if (!dirName) return;
 
   const regex = /^(\d{2})(\d{2})视频$/; 
@@ -447,12 +447,14 @@ watch(currentDir, (newPath) => {
                 <div class="el-upload__text">
                     将视频文件拖拽到此处
                 </div>
-                <div class="file-count" v-if="importedFiles.length > 0">
+                <div class="file-count-container">
+                    <div class="file-count" v-show="importedFiles.length > 0">
                         已导入 {{ importedFiles.length }} 个文件
                     </div>
                 </div>
+            </div>
 
-            <el-divider />
+            <!-- Removed el-divider here -->
 
             <!-- Action Area -->
             <div class="action-area">
@@ -533,6 +535,7 @@ body {
     padding: 40px 0;
     text-align: center;
     background-color: var(--el-bg-color-overlay);
+    margin-bottom: 20px; /* Added spacing */
 }
 .el-icon--upload {
     font-size: 67px;
@@ -545,8 +548,15 @@ body {
     font-size: 14px;
     text-align: center;
 }
+.file-count-container {
+    min-height: 24px; /* Adjust height as needed to fit the text */
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-top: 10px; /* Add some space from the text above */
+}
 .file-count {
-    margin-top: 10px;
+    /* margin-top: 10px; /* Removed, container handles spacing */
     color: var(--el-color-primary);
     font-weight: bold;
 }