review page, fix ui
This commit is contained in:
@@ -5,7 +5,7 @@
|
|||||||
"type": "module",
|
"type": "module",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "vite",
|
"dev": "vite",
|
||||||
"build": "vue-tsc --noEmit && vite build",
|
"build": "vue-tsc --noEmit && vite build && (cd src-tauri && cargo check)",
|
||||||
"preview": "vite preview",
|
"preview": "vite preview",
|
||||||
"tauri": "tauri"
|
"tauri": "tauri"
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -5,7 +5,7 @@ use serde::{Deserialize, Serialize};
|
|||||||
use std::fs;
|
use std::fs;
|
||||||
use std::collections::HashMap;
|
use std::collections::HashMap;
|
||||||
use std::collections::HashSet;
|
use std::collections::HashSet;
|
||||||
use std::io;
|
|
||||||
|
|
||||||
// Define the configuration structure
|
// Define the configuration structure
|
||||||
#[derive(Serialize, Deserialize, Default, Debug)]
|
#[derive(Serialize, Deserialize, Default, Debug)]
|
||||||
|
|||||||
18
src/App.vue
18
src/App.vue
@@ -306,7 +306,7 @@ const handleCopy = async () => {
|
|||||||
// Reactivity for Current Directory Prefix
|
// Reactivity for Current Directory Prefix
|
||||||
watch(currentDir, (newPath) => {
|
watch(currentDir, (newPath) => {
|
||||||
if (!newPath) return;
|
if (!newPath) return;
|
||||||
const dirName = newPath.split(/[/\\]/).pop();
|
const dirName = newPath.split(/[\\/]/).pop();
|
||||||
if (!dirName) return;
|
if (!dirName) return;
|
||||||
|
|
||||||
const regex = /^(\d{2})(\d{2})视频$/;
|
const regex = /^(\d{2})(\d{2})视频$/;
|
||||||
@@ -447,12 +447,14 @@ watch(currentDir, (newPath) => {
|
|||||||
<div class="el-upload__text">
|
<div class="el-upload__text">
|
||||||
将视频文件拖拽到此处
|
将视频文件拖拽到此处
|
||||||
</div>
|
</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 }} 个文件
|
已导入 {{ importedFiles.length }} 个文件
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<el-divider />
|
<!-- Removed el-divider here -->
|
||||||
|
|
||||||
<!-- Action Area -->
|
<!-- Action Area -->
|
||||||
<div class="action-area">
|
<div class="action-area">
|
||||||
@@ -533,6 +535,7 @@ body {
|
|||||||
padding: 40px 0;
|
padding: 40px 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background-color: var(--el-bg-color-overlay);
|
background-color: var(--el-bg-color-overlay);
|
||||||
|
margin-bottom: 20px; /* Added spacing */
|
||||||
}
|
}
|
||||||
.el-icon--upload {
|
.el-icon--upload {
|
||||||
font-size: 67px;
|
font-size: 67px;
|
||||||
@@ -545,8 +548,15 @@ body {
|
|||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
text-align: center;
|
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 {
|
.file-count {
|
||||||
margin-top: 10px;
|
/* margin-top: 10px; /* Removed, container handles spacing */
|
||||||
color: var(--el-color-primary);
|
color: var(--el-color-primary);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user