estel/video-tool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改部分样式

Browse Source
This commit is contained in:
estel
2025-08-17 19:26:43 +08:00
parent 88002837b2
commit 5c6f074ef3
8 changed files with 13036 additions and 13044 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
app/pages/about.vue
View File

@@ -46,20 +46,14 @@
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="space-y-3">
<h4 class="font-medium text-gray-900 dark:text-white">
前端技术
UI
</h4>
<div class="space-y-2">
<div class="flex items-center space-x-3">
<div class="w-6 h-6 bg-green-100 dark:bg-green-900 rounded flex items-center justify-center">
<div class="w-3 h-3 bg-green-500 rounded" />
</div>
<span class="text-sm">Nuxt 4 - 全栈 Vue.js 框架</span>
</div>
<div class="flex items-center space-x-3">
<div class="w-6 h-6 bg-blue-100 dark:bg-blue-900 rounded flex items-center justify-center">
<div class="w-3 h-3 bg-blue-500 rounded" />
</div>
<span class="text-sm">Vue 3 - 渐进式 JavaScript 框架</span>
<span class="text-sm">Nuxt 4 </span>
</div>
<div class="flex items-center space-x-3">
<div class="w-6 h-6 bg-cyan-100 dark:bg-cyan-900 rounded flex items-center justify-center">
@@ -67,18 +61,12 @@
</div>
<span class="text-sm">Tailwind CSS - 原子化 CSS 框架</span>
</div>
<div class="flex items-center space-x-3">
<div class="w-6 h-6 bg-emerald-100 dark:bg-emerald-900 rounded flex items-center justify-center">
<div class="w-3 h-3 bg-emerald-500 rounded" />
</div>
<span class="text-sm">Nuxt UI - 现代化 UI 组件库</span>
</div>
</div>
</div>
<div class="space-y-3">
<h4 class="font-medium text-gray-900 dark:text-white">
后端技术
应用
</h4>
<div class="space-y-2">
<div class="flex items-center space-x-3">
@@ -143,10 +131,6 @@
<UIcon name="i-heroicons-check-circle" class="w-5 h-5 text-green-500" />
<span class="text-sm">自动重连功能</span>
</div>
<div class="flex items-center space-x-2">
<UIcon name="i-heroicons-check-circle" class="w-5 h-5 text-green-500" />
<span class="text-sm">响应式界面设计</span>
</div>
</div>
</div>
</UCard>
@@ -161,9 +145,9 @@
<div class="space-y-4">
<div>
<h4 class="font-medium text-gray-900 dark:text-white mb-2">
支持的操作系统
支持的平台
</h4>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-4">
<div class="flex items-center space-x-2 text-sm">
<UIcon name="i-heroicons-computer-desktop" class="w-5 h-5 text-gray-500" />
<span>Windows 10/11</span>
@@ -176,6 +160,14 @@
<UIcon name="i-heroicons-computer-desktop" class="w-5 h-5 text-gray-500" />
<span>Linux (x64)</span>
</div>
<div class="flex items-center space-x-2 text-sm">
<UIcon name="i-heroicons-device-phone-mobile" class="w-5 h-5 text-gray-500" />
<span>Android 8.0+</span>
</div>
<div class="flex items-center space-x-2 text-sm">
<UIcon name="i-heroicons-device-phone-mobile" class="w-5 h-5 text-gray-500" />
<span>iOS 13.0+</span>
</div>
</div>
</div>

14
app/pages/index.vue
View File

@@ -16,7 +16,7 @@
</div>
<UButton
:variant="connectionStatus === 'connected' ? 'soft' : 'solid'"
:color="connectionStatus === 'connected' ? 'red' : 'blue'"
:color="connectionStatus === 'connected' ? 'primary' : 'secondary'"
size="sm"
@click="toggleConnection"
>
@@ -61,15 +61,15 @@
<div class="space-y-4">
<!-- 主要控制按钮 -->
<div class="flex justify-center space-x-4">
<UButton :disabled="!isConnected" color="green" size="lg" @click="playVideo">
<UButton :disabled="!isConnected" color="success" size="lg" @click="playVideo">
<UIcon name="i-heroicons-play" class="w-5 h-5 mr-2" />
播放
</UButton>
<UButton :disabled="!isConnected" color="orange" size="lg" @click="pauseVideo">
<UButton :disabled="!isConnected" color="warning" size="lg" @click="pauseVideo">
<UIcon name="i-heroicons-pause" class="w-5 h-5 mr-2" />
暂停
</UButton>
<UButton :disabled="!isConnected" color="red" size="lg" @click="stopVideo">
<UButton :disabled="!isConnected" color="error" size="lg" @click="stopVideo">
<UIcon name="i-heroicons-stop" class="w-5 h-5 mr-2" />
停止
</UButton>
@@ -120,7 +120,7 @@
<h2 class="text-lg font-semibold text-gray-900 dark:text-white">
播放列表
</h2>
<UButton variant="ghost" size="sm" color="red" @click="clearPlaylist">
<UButton variant="ghost" size="sm" color="error" @click="clearPlaylist">
<UIcon name="i-heroicons-trash" class="w-4 h-4 mr-1" />
清空
</UButton>
@@ -145,7 +145,7 @@
<UButton size="xs" variant="ghost" @click="playVideoFromPlaylist(index)">
<UIcon name="i-heroicons-play" class="w-4 h-4" />
</UButton>
<UButton size="xs" variant="ghost" color="red" @click="removeFromPlaylist(index)">
<UButton size="xs" variant="ghost" color="error" @click="removeFromPlaylist(index)">
<UIcon name="i-heroicons-x-mark" class="w-4 h-4" />
</UButton>
</div>
@@ -236,7 +236,7 @@
};
const playVideoFromPlaylist = async (index: number) => {
currentVideo.value = playlist.value[index];
currentVideo.value = playlist.value[index] || null;
// TODO: 调用 Tauri API 播放指定视频
console.log("播放:", currentVideo.value);
};

6
app/pages/settings.vue
View File

@@ -10,7 +10,7 @@
<div class="space-y-4">
<UFormGroup label="视频播放器地址" description="设置要连接的视频播放器的IP地址和端口">
<div class="flex space-x-2">
<UInput v-model="settings.playerHost" placeholder="192.168.1.100" class="flex-1" />
<UInput v-model="settings.playerHost" placeholder="192.168.1.100" class="flex-1 mb-3" />
<span class="self-center text-gray-500">:</span>
<UInput v-model="settings.playerPort" type="number" placeholder="8080" class="w-24" />
</div>
@@ -126,7 +126,7 @@
<!-- 操作按钮 -->
<div class="flex justify-between">
<UButton variant="outline" color="gray" @click="resetSettings">
<UButton variant="outline" color="success" @click="resetSettings">
<UIcon name="i-heroicons-arrow-path" class="w-4 h-4 mr-2" />
重置设置
</UButton>
@@ -139,7 +139,7 @@
<UIcon name="i-heroicons-arrow-down-tray" class="w-4 h-4 mr-2" />
导入配置
</UButton>
<UButton color="blue" @click="saveSettings">
<UButton color="primary" @click="saveSettings">
<UIcon name="i-heroicons-check" class="w-4 h-4 mr-2" />
保存设置
</UButton>

2
src-tauri/gen/schemas/acl-manifests.json
View File

File diff suppressed because one or more lines are too long

2
src-tauri/gen/schemas/capabilities.json
View File

@@ -1 +1 @@
{ "main": { "identifier": "main", "description": "Capabilities for the app window", "local": true, "windows": ["main", "secondary"], "permissions": ["core:path:default", "core:event:default", "core:window:default", "core:app:default", "core:resources:default", "core:menu:default", "core:tray:default", "shell:allow-open", { "identifier": "shell:allow-execute", "allow": [{ "args": ["-c", { "validator": "\\S+" }], "cmd": "sh", "name": "exec-sh", "sidecar": false }] }, "notification:default", "os:allow-platform", "os:allow-arch", "os:allow-family", "os:allow-version", "os:allow-locale", "fs:allow-document-read", "fs:allow-document-write", "store:default", "core:webview:allow-create-webview", "core:webview:allow-create-webview-window"] } }
{"main":{"identifier":"main","description":"Capabilities for the app window","local":true,"windows":["main","secondary"],"permissions":["core:path:default","core:event:default","core:window:default","core:app:default","core:resources:default","core:menu:default","core:tray:default","shell:allow-open",{"identifier":"shell:allow-execute","allow":[{"args":["-c",{"validator":"\\S+"}],"cmd":"sh","name":"exec-sh","sidecar":false}]},"notification:default","os:allow-platform","os:allow-arch","os:allow-family","os:allow-version","os:allow-locale","fs:allow-document-read","fs:allow-document-write","store:default","core:webview:allow-create-webview","core:webview:allow-create-webview-window"]}}

13010
src-tauri/gen/schemas/desktop-schema.json
View File

File diff suppressed because it is too large Load Diff

13010
src-tauri/gen/schemas/macOS-schema.json
View File

File diff suppressed because it is too large Load Diff

2
src-tauri/tauri.conf.json
View File

@@ -29,7 +29,7 @@
"beforeBuildCommand": "pnpm generate",
"frontendDist": "../dist",
"beforeDevCommand": "pnpm dev",
"devUrl": "http://localhost:3000"
"devUrl": "http://localhost:3001"
},
"productName": "Nuxtor",
"version": "1.4.0",