x
This commit is contained in:
+9
-6
@@ -548,14 +548,14 @@ body {
|
|||||||
.btn-back {
|
.btn-back {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 4px;
|
gap: 6px;
|
||||||
padding: 6px 14px;
|
padding: 8px 18px;
|
||||||
margin-bottom: var(--space-3);
|
margin-bottom: var(--space-3);
|
||||||
font-size: 13px;
|
font-size: 14px;
|
||||||
font-weight: var(--font-medium);
|
font-weight: var(--font-medium);
|
||||||
color: var(--text-secondary);
|
color: var(--text-secondary);
|
||||||
background: var(--bg-secondary);
|
background: var(--bg-secondary);
|
||||||
border: 1px solid var(--border-light);
|
border: 1px solid var(--border-default);
|
||||||
border-radius: var(--radius-md);
|
border-radius: var(--radius-md);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: all 0.2s ease;
|
transition: all 0.2s ease;
|
||||||
@@ -566,11 +566,14 @@ body {
|
|||||||
.btn-back:hover {
|
.btn-back:hover {
|
||||||
color: var(--primary-700);
|
color: var(--primary-700);
|
||||||
background: var(--primary-50);
|
background: var(--primary-50);
|
||||||
border-color: var(--primary-200);
|
border-color: var(--primary-300);
|
||||||
|
box-shadow: 0 2px 8px rgba(59, 130, 246, 0.15);
|
||||||
|
transform: translateY(-1px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-back:active {
|
.btn-back:active {
|
||||||
transform: scale(0.96);
|
transform: scale(0.96) translateY(0);
|
||||||
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn:disabled,
|
.btn:disabled,
|
||||||
|
|||||||
+7
-3
@@ -295,10 +295,10 @@ const App = {
|
|||||||
<div class="user-avatar">{{ (appState.user.full_name || appState.user.username).charAt(0).toUpperCase() }}</div>
|
<div class="user-avatar">{{ (appState.user.full_name || appState.user.username).charAt(0).toUpperCase() }}</div>
|
||||||
<span class="user-name">{{ appState.user.full_name || appState.user.username }}</span>
|
<span class="user-name">{{ appState.user.full_name || appState.user.username }}</span>
|
||||||
</div>
|
</div>
|
||||||
<button class="btn btn-secondary btn-sm" @click="handleLogout">退出</button>
|
<button class="btn btn-secondary" @click="handleLogout">退出</button>
|
||||||
</template>
|
</template>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<router-link to="/login" class="btn btn-primary btn-sm">登录</router-link>
|
<router-link to="/login" class="btn btn-primary">登录</router-link>
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -403,6 +403,10 @@ const LoginView = {
|
|||||||
},
|
},
|
||||||
template: `
|
template: `
|
||||||
<div class="login-container">
|
<div class="login-container">
|
||||||
|
<a class="btn-back" @click="$router.push('/')" style="margin-bottom:16px">
|
||||||
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M12 19l-7-7 7-7"/></svg>
|
||||||
|
返回首页
|
||||||
|
</a>
|
||||||
<div class="login-card">
|
<div class="login-card">
|
||||||
<div class="login-header">
|
<div class="login-header">
|
||||||
<div class="login-logo">G</div>
|
<div class="login-logo">G</div>
|
||||||
@@ -1963,7 +1967,7 @@ const ResultView = {
|
|||||||
<div class="page-container">
|
<div class="page-container">
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<button class="btn-back" @click="$router.back()">
|
<button class="btn-back" @click="$router.back()">
|
||||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M12 19l-7-7 7-7"/></svg>
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M12 19l-7-7 7-7"/></svg>
|
||||||
返回
|
返回
|
||||||
</button>
|
</button>
|
||||||
<h1>分析结果</h1>
|
<h1>分析结果</h1>
|
||||||
|
|||||||
Reference in New Issue
Block a user