style(PortalLayout): 将标题和页脚从红色改为黑金主题色
- 顶部公告条背景改为黑色 - 主导航背景改为黑色渐变 - 底线装饰改为金色渐变 - 页脚背景改为黑色,边框改为金色 Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This commit is contained in:
parent
cbb0c2f268
commit
1029bf812d
|
|
@ -50,7 +50,7 @@
|
||||||
<button class="btn-ghost">登录</button>
|
<button class="btn-ghost">登录</button>
|
||||||
</router-link>
|
</router-link>
|
||||||
<router-link to="/register">
|
<router-link to="/register">
|
||||||
<button class="btn-primary">立即注册</button>
|
<button class="btn-ghost">立即注册</button>
|
||||||
</router-link>
|
</router-link>
|
||||||
</template>
|
</template>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
|
|
@ -118,7 +118,7 @@ a { text-decoration: none; }
|
||||||
|
|
||||||
/* 顶部公告条 */
|
/* 顶部公告条 */
|
||||||
.top-bar {
|
.top-bar {
|
||||||
background: #8B4545;
|
background: #1A1A1A;
|
||||||
color: rgba(255,255,255,0.75);
|
color: rgba(255,255,255,0.75);
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
letter-spacing: 0.05em;
|
letter-spacing: 0.05em;
|
||||||
|
|
@ -144,7 +144,7 @@ a { text-decoration: none; }
|
||||||
|
|
||||||
/* 主导航 */
|
/* 主导航 */
|
||||||
.main-header {
|
.main-header {
|
||||||
background: linear-gradient(180deg, #C17A7A 0%, #A85555 100%);
|
background: linear-gradient(180deg, #1A1A1A 0%, #0F0F0F 100%);
|
||||||
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
|
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
|
||||||
position: sticky;
|
position: sticky;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
|
@ -271,11 +271,11 @@ a { text-decoration: none; }
|
||||||
}
|
}
|
||||||
.user-name { color: rgba(255,255,255,0.85); font-size: 13px; }
|
.user-name { color: rgba(255,255,255,0.85); font-size: 13px; }
|
||||||
|
|
||||||
/* 红色底线装饰 */
|
/* 底线装饰 */
|
||||||
.header-underline { height: 3px; background: #8B4545; }
|
.header-underline { height: 3px; background: #0F0F0F; }
|
||||||
.underline-fill {
|
.underline-fill {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: linear-gradient(90deg, #FFFFFF 0%, #EF9A9A 40%, #D4A95D 100%);
|
background: linear-gradient(90deg, #C8973A 0%, #D4AF37 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 内容区 */
|
/* 内容区 */
|
||||||
|
|
@ -289,8 +289,8 @@ a { text-decoration: none; }
|
||||||
|
|
||||||
/* 页脚 */
|
/* 页脚 */
|
||||||
.portal-footer {
|
.portal-footer {
|
||||||
background: #8B4545;
|
background: #1A1A1A;
|
||||||
border-top: 3px solid #FFFFFF;
|
border-top: 3px solid #C8973A;
|
||||||
padding: 20px 0;
|
padding: 20px 0;
|
||||||
}
|
}
|
||||||
.footer-inner {
|
.footer-inner {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue