feat:微改逻辑
This commit is contained in:
parent
d0c18bf857
commit
1177bdb0be
@ -5,9 +5,6 @@
|
|||||||
<span class="deepseek-home__logo-text">ZeroNode</span>
|
<span class="deepseek-home__logo-text">ZeroNode</span>
|
||||||
<span class="deepseek-home__logo-beta">零枢</span>
|
<span class="deepseek-home__logo-beta">零枢</span>
|
||||||
</div>
|
</div>
|
||||||
<nav class="deepseek-home__nav">
|
|
||||||
概览
|
|
||||||
</nav>
|
|
||||||
<div class="deepseek-home__actions">
|
<div class="deepseek-home__actions">
|
||||||
<n-button type="primary" @click="handleLogin">登录</n-button>
|
<n-button type="primary" @click="handleLogin">登录</n-button>
|
||||||
<n-button @click="handleLogout">注册</n-button>
|
<n-button @click="handleLogout">注册</n-button>
|
||||||
@ -18,15 +15,6 @@
|
|||||||
<section class="deepseek-home__hero">
|
<section class="deepseek-home__hero">
|
||||||
<h1 class="deepseek-home__title">科技赋能数字化管理</h1>
|
<h1 class="deepseek-home__title">科技赋能数字化管理</h1>
|
||||||
<p class="deepseek-home__subtitle">先进的陪玩管理系统,为您提供智能陪玩店体验</p>
|
<p class="deepseek-home__subtitle">先进的陪玩管理系统,为您提供智能陪玩店体验</p>
|
||||||
<div class="deepseek-home__search">
|
|
||||||
<input type="text" placeholder="输入您的问题..." class="deepseek-home__search-input" />
|
|
||||||
<button class="deepseek-home__search-button">
|
|
||||||
<svg class="deepseek-home__search-icon" viewBox="0 0 24 24">
|
|
||||||
<path
|
|
||||||
d="M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" />
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="deepseek-home__features">
|
<section class="deepseek-home__features">
|
||||||
@ -113,7 +101,7 @@ const handleLogout = () => {
|
|||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
|
|
||||||
&-text {
|
&-text {
|
||||||
color: #3D8EFF;
|
color: $primaryColor;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-beta {
|
&-beta {
|
||||||
@ -123,13 +111,6 @@ const handleLogout = () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&__nav {
|
|
||||||
display: flex;
|
|
||||||
color:$primaryColor;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&__actions {
|
&__actions {
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 1rem;
|
gap: 1rem;
|
||||||
@ -158,53 +139,6 @@ const handleLogout = () => {
|
|||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__search {
|
|
||||||
display: flex;
|
|
||||||
max-width: 600px;
|
|
||||||
margin: 0 auto;
|
|
||||||
border: 1px solid #ddd;
|
|
||||||
border-radius: 30px;
|
|
||||||
overflow: hidden;
|
|
||||||
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
|
|
||||||
transition: all 0.3s;
|
|
||||||
|
|
||||||
&:focus-within {
|
|
||||||
border-color: #3D8EFF;
|
|
||||||
box-shadow: 0 2px 15px rgba(61, 142, 255, 0.2);
|
|
||||||
}
|
|
||||||
|
|
||||||
&-input {
|
|
||||||
flex: 1;
|
|
||||||
padding: 1rem 1.5rem;
|
|
||||||
border: none;
|
|
||||||
outline: none;
|
|
||||||
font-size: 1rem;
|
|
||||||
|
|
||||||
&::placeholder {
|
|
||||||
color: #999;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&-button {
|
|
||||||
padding: 0 1.5rem;
|
|
||||||
background: #3D8EFF;
|
|
||||||
border: none;
|
|
||||||
color: white;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: background 0.3s;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background: darken(#3D8EFF, 10%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&-icon {
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&__features {
|
&__features {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||||
@ -233,7 +167,7 @@ const handleLogout = () => {
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
color: #3D8EFF;
|
color: $primaryColor;
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
width: 30px;
|
width: 30px;
|
||||||
@ -282,7 +216,7 @@ const handleLogout = () => {
|
|||||||
transition: color 0.3s;
|
transition: color 0.3s;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: #3D8EFF;
|
color: $primaryColor;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user