style(frontend): 全站背景图 webp 化(bg.jpg 4MB→251KB 压缩 + bg.webp)+品牌工具页默认策略调优(品牌检测默认改精确匹配 Simple、Terms 后置)+任务面板/登录页/亚马逊控制台观感微调

This commit is contained in:
2026-09-09 18:32:48 +08:00
parent 9a487ae9a7
commit 83cb3ff84e
29 changed files with 565 additions and 570 deletions
@@ -1,5 +1,7 @@
<template>
<header class="amazon-top">
<router-link class="home-back" :to="homeHref" title="返回首页"> 返回首页</router-link>
<router-link class="brand" :to="toolbarHref" title="返回工具台首页">
<span class="brand-logo"></span>
<span class="brand-text">
@@ -28,9 +30,7 @@
<div class="top-right">
<BrandApiSecretSettingsButton variant="topbar" />
<router-link class="help-btn" :to="workHref" title="采集工作台"></router-link>
<span class="help-btn" title="如需支持请点击底部BUG登记系统">?</span>
<span class="admin-chip"><span class="admin-badge">AD</span>{{ username }}</span>
<span class="admin-name">{{ username }}</span>
</div>
</header>
</template>
@@ -62,8 +62,8 @@ const username = ref('admin')
/** 分类 tab 点击回到工具台对应分组 */
const toolbarHref = resolvePageHref('/new_web_source/amazon-console.html')
/** ⚙ 采集工作台:直达现有真实功能页(对齐 gemini-code 顶栏 ⚙ 入口) */
const workHref = resolvePageHref('/new_web_source/collect-data.html')
/** 返回桌面入口首页(亚马逊/视频/图片入口) */
const homeHref = resolvePageHref('/new_web_source/home.html')
function onTabClick(key: 'front' | 'ops' | 'logi') {
emit('change', key)
@@ -114,6 +114,27 @@ onMounted(async () => {
text-decoration: none;
}
/* 返回首页按钮(顶栏最左,入口页见 DesktopHomePage */
.home-back {
flex-shrink: 0;
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 14px;
border: 1px solid #3e4a62;
border-radius: 6px;
color: #c8d2e2;
font-size: 13px;
text-decoration: none;
white-space: nowrap;
transition: all 0.2s;
}
.home-back:hover {
background: #2b3447;
color: #f5f8fc;
}
.brand-logo {
display: flex;
align-items: center;
@@ -161,11 +182,11 @@ onMounted(async () => {
display: flex;
flex-direction: column;
align-items: center;
width: 140px;
height: 42px;
width: 150px;
height: 44px;
background: transparent;
color: #c8d2e2;
font-size: 13px;
font-size: 15px;
font-weight: 700;
text-decoration: none;
transition: all 0.2s;
@@ -175,7 +196,7 @@ onMounted(async () => {
display: flex;
align-items: center;
gap: 8px;
padding: 6px 14px;
padding: 7px 14px;
border-radius: 8px;
transition: background 0.2s;
}
@@ -194,8 +215,8 @@ onMounted(async () => {
}
.cat-dot {
width: 8px;
height: 8px;
width: 9px;
height: 9px;
border-radius: 50%;
flex-shrink: 0;
}
@@ -204,11 +225,11 @@ onMounted(async () => {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 1px 7px;
padding: 1px 8px;
border-radius: 12px;
background: #343f55;
color: #a0acbe;
font-size: 10px;
font-size: 11px;
font-weight: 700;
}
@@ -230,47 +251,13 @@ onMounted(async () => {
flex-shrink: 0;
}
.help-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 22px;
height: 22px;
.admin-name {
color: #c8d2e2;
font-size: 16px;
font-weight: 700;
text-decoration: none;
cursor: pointer;
padding: 4px 8px;
}
.help-btn:hover {
color: #f5f8fc;
}
.admin-chip {
display: inline-flex;
align-items: center;
gap: 8px;
color: #c8d2e2;
font-size: 12px;
font-size: 13px;
font-weight: 700;
white-space: nowrap;
}
.admin-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 22px;
height: 20px;
padding: 0 4px;
background: #2a6b4f;
color: #ffffff;
font-size: 10px;
font-weight: 700;
}
@media (max-width: 1100px) {
.amazon-top {
flex-wrap: wrap;