A1300399510/PC-Light-Forum
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 新增搜索标签页面及相关功能

Browse Source 
refactor: 优化搜索页面样式和交互逻辑

style: 调整热门标签和热门搜索组件样式

fix: 修复登录状态判断逻辑

chore: 更新图片资源和SVG图标

docs: 更新README文档

test: 添加搜索功能测试用例

build: 更新依赖包版本

ci: 配置自动化测试和部署流程

perf: 优化页面加载性能和响应速度
This commit is contained in:
DESKTOP-RQ919RC\Pc
2025-10-31 19:09:58 +08:00
parent 91dab6d446
commit 38028167c0
38 changed files with 2561 additions and 501 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
css/search.css
View File

@@ -2,20 +2,24 @@
width: 1200px;
margin: 0 auto;
}
#search .label-title {
margin-bottom: 24px;
#search .search-box {
width: 460px;
height: 48px;
background-color: #ffffff;
border: 1px solid #d7d7d7;
border-radius: 10px;
padding: 0 16px;
margin-bottom: 20px;
}
#search .label-title .icon {
width: 25px;
#search .search-box .search-input {
border: none;
outline: none;
height: 100%;
}
#search .search-box .search-icon {
width: 20px;
height: 20px;
margin-right: 12px;
}
#search .label-title .text {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
font-style: normal;
font-size: 28px;
color: #000000;
cursor: pointer;
}
#search .classify {
margin-bottom: 16px;
@@ -57,6 +61,58 @@
color: #000000;
margin: 0 10px;
}
#search .matter .sidebar-box {
width: 219px;
#search .matter .matter-content {
margin-right: 12px;
}
#search .matter .matter-content .list-box .item-box {
margin-bottom: 12px;
}
#search .matter .matter-content .empty {
width: 100%;
height: 70vh;
background-color: #ffffff;
border: 1px solid #e9eef2;
border-radius: 10px;
flex-direction: column;
margin-right: 12px;
}
#search .matter .matter-content .empty .empty-icon {
width: 80px;
height: 94px;
}
#search .matter .matter-content .empty .empty-text {
font-size: 14px;
color: #7f7f7f;
margin-top: 10px;
}
#search .matter .matter-content .pages-box {
padding-bottom: 60px;
padding-top: 30px;
}
#search .matter .matter-content .pages-box .item {
min-width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
border-radius: 50px;
font-size: 14px;
color: #555555;
cursor: pointer;
padding: 0 4px;
}
#search .matter .matter-content .pages-box .item.pitch {
background-color: #6fc16d;
color: #ffffff;
}
#search .matter .matter-content .pages-box .arrows {
width: 7px;
height: 12px;
margin: 0 30px;
cursor: pointer;
}
#search .matter .matter-content .pages-box .arrows.rotate180 {
transform: rotate(180deg);
}
#search .matter .sidebar-box {
width: 291px;
}