feat(electron):优化跟卖精灵启动流程和UI细节

- 移除启动时的固定延时,改为即时反馈启动状态- 更新跟卖精灵描述文案,移除初始化时间说明
- 统一spinner样式类名,优化加载动画显示逻辑
- 调整菜单激活背景色,增强视觉层次感- 引入平台图标图片替代文字标识- 修改VIP状态栏背景及文字颜色,提升可读性
- 配置ChromeDriver国内镜像源并实现后台预加载
- 添加WebDriverManager依赖以自动管理浏览器驱动
-优化electron-builder资源打包配置
This commit is contained in:
2025-10-28 09:39:59 +08:00
parent 84087ddf80
commit 1aceceb38f
20 changed files with 138 additions and 91 deletions

View File

@@ -270,10 +270,8 @@ async function openGenmaiSpirit() {
genmaiLoading.value = true
try {
await systemApi.openGenmaiSpirit(selectedGenmaiAccountId.value)
showMessage('跟卖精灵正在启动,请稍候...', 'success')
setTimeout(() => { genmaiLoading.value = false }, 3000)
} catch (error: any) {
showMessage(error.message || '启动失败', 'error')
showMessage('跟卖精灵已打开', 'success')
} finally {
genmaiLoading.value = false
}
}
@@ -390,7 +388,7 @@ onMounted(async () => {
<div class="step-index">2</div>
<div class="step-card">
<div class="step-header"><div class="title">启动服务</div></div>
<div class="desc">请确保设备已安装Chrome浏览器否则服务将无法启动打开跟卖精灵将关闭Chrome浏览器进程首次启动需初始化浏览器驱动可能需要1-3分钟</div>
<div class="desc">请确保设备已安装Chrome浏览器否则服务将无法启动打开跟卖精灵将关闭Chrome浏览器进程</div>
<div class="action-buttons column">
<el-button
size="small"
@@ -399,7 +397,7 @@ onMounted(async () => {
@click="openGenmaiSpirit"
>
<span v-if="!genmaiLoading">启动服务</span>
<span v-else><span class="spinner"></span> 启动中...</span>
<span v-else><span class="inline-spinner"></span> 启动中...</span>
</el-button>
</div>
</div>
@@ -679,7 +677,7 @@ onMounted(async () => {
.price { color: #e6a23c; font-weight: 600; }
.table-loading { position: absolute; inset: 0; background: rgba(255, 255, 255, 0.95); display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 14px; color: #606266; }
.spinner { font-size: 24px; animation: spin 1s linear infinite; margin-bottom: 8px; }
.action-buttons .spinner { font-size: 14px; margin-bottom: 0; display: inline-block; }
.inline-spinner { display: inline-block; animation: spin 1s linear infinite; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.pagination-fixed { flex-shrink: 0; padding: 8px 12px 0 12px; background: #fff; display: flex; justify-content: flex-end; }
.pagination-fixed :deep(.el-pager li.is-active) { border: 1px solid #1677FF; border-radius: 4px; color: #1677FF; background: #fff; }
@@ -696,4 +694,4 @@ onMounted(async () => {
export default {
name: 'AmazonDashboard',
}
</script>
</script>