feat(header): 新增头部组件功能与样式优化

- 添加默认头像图片资源
- 扩展监听文件同步配置
- 重构头像展示样式,增加背景和尺寸控制
- 完善签到功能逻辑和样式交互
- 新增头部组件HTML模板和JS实现
- 调整搜索框和历史记录显示逻辑
- 优化页面布局和响应式设计
This commit is contained in:
DESKTOP-RQ919RC\Pc
2025-12-01 19:58:21 +08:00
parent f92d4da2e4
commit c63bf6c611
14 changed files with 671 additions and 84 deletions

View File

@@ -1896,10 +1896,10 @@ body {
}
.head-top {
margin-top: 20px;
margin-bottom: 30px;
position: relative;
z-index: 4;
// max-width: 1200px;
// margin: 20px auto 30px;
.logo {
height: 52px;
@@ -1961,6 +1961,7 @@ body {
}
.search-box-history {
display: none;
width: 460px;
/* height: 267px; */
background-color: rgba(255, 255, 255, 1);
@@ -1996,17 +1997,33 @@ body {
height: 40px;
border-radius: 83px;
cursor: pointer;
display: none;
.sign-in-already-box {
display: none;
}
&.sign-in-already {
background-color: #ffffff;
font-size: 14px;
color: #333;
.sign-in-already-box {
display: flex;
align-items: center;
justify-content: center;
width: 192px;
height: 40px;
}
.sign-icon {
width: 20px;
height: 20px;
margin-right: 10px;
}
.sign-in-no-box {
display: none;
}
}
&.sign-in-no {
@@ -2014,6 +2031,15 @@ body {
z-index: 1;
padding-right: 8px;
.sign-in-no-box {
display: flex;
align-items: center;
justify-content: center;
width: 192px;
height: 40px;
}
.sign-in-bj {
position: absolute;
top: 0;
@@ -2095,6 +2121,7 @@ body {
}
.post-list {
display: none;
.post-item {
width: 84px;
height: 34px;