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

feat: 更新组件样式和功能，优化路由链接和用户体验

Browse Source 
refactor: 重构组件模板，统一使用相对路径和内部路由

style: 调整CSS样式，修复布局和间距问题

fix: 修复投票和offer组件链接错误问题

chore: 添加新图片资源并更新相关引用路径

perf: 移除调试日志，优化页面加载性能

docs: 更新组件注释和文档说明

test: 更新测试用例以适配新功能

ci: 调整构建配置以支持新资源文件

build: 更新依赖项以兼容新功能
This commit is contained in:
DESKTOP-RQ919RC\Pc
2025-11-03 19:20:55 +08:00
parent 7bdeff17f6
commit 671732d277
45 changed files with 390 additions and 197 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
css/details.css
View File

@@ -116,7 +116,7 @@
border-bottom: 1px dotted #d7d7d7;
}
#details .matter .matter-left .label {
padding: 20px 30px 20px;
padding: 20px 30px 10px;
flex-wrap: wrap;
}
#details .matter .matter-left .label .item {
@@ -147,6 +147,7 @@
color: #000000;
line-height: 36px;
padding: 0 30px;
margin-top: 10px;
margin-bottom: 30px;
}
#details .matter .matter-left .html {
@@ -161,6 +162,13 @@
text-decoration: underline;
color: #04b0d5;
}
#details .matter .matter-left .html .blue {
font-size: 15px;
line-height: 26px;
color: #026277;
margin: 0 4px;
text-decoration: none;
}
#details .matter .matter-left .last-time {
color: #aaaaaa;
font-size: 13px;
@@ -231,7 +239,7 @@
z-index: 1;
display: none;
position: absolute;
top: 48px;
bottom: 0;
left: 100%;
width: 140px;
height: 166px;
@@ -353,11 +361,13 @@
height: 50px;
border-radius: 50%;
margin-right: 22px;
cursor: pointer;
}
#details .matter .sidebar-box .sidebar-item .sidebar-content .author-box .author-content .author-name {
font-size: 14px;
color: #000000;
margin-bottom: 11px;
cursor: pointer;
}
#details .matter .sidebar-box .sidebar-item .sidebar-content .author-box .author-content .author-name .group {
height: 14px;

16
css/details.less
View File

@@ -133,7 +133,7 @@
}
.label {
padding: 20px 30px 20px;
padding: 20px 30px 10px;
flex-wrap: wrap;
.item {
@@ -169,6 +169,7 @@
color: #000000;
line-height: 36px;
padding: 0 30px;
margin-top: 10px;
margin-bottom: 30px;
}
@@ -184,6 +185,14 @@
text-decoration: underline;
color: #04b0d5;
}
.blue {
font-size: 15px;
line-height: 26px;
color: #026277;
margin: 0 4px;
text-decoration: none;
}
}
.last-time {
@@ -266,7 +275,7 @@
z-index: 1;
display: none;
position: absolute;
top: 48px;
bottom: 0;
left: 100%;
width: 140px;
height: 166px;
@@ -407,11 +416,13 @@
.author-box {
padding: 16px 5px 30px 16px;
width: 100%;
.avatar {
width: 50px;
height: 50px;
border-radius: 50%;
margin-right: 22px;
cursor: pointer;
}
.author-content {
@@ -419,6 +430,7 @@
font-size: 14px;
color: #000000;
margin-bottom: 11px;
cursor: pointer;
.group {
height: 14px;

21
css/homepage-me.css
View File

@@ -18,11 +18,28 @@
padding-bottom: 38px;
margin-right: 20px;
}
#homepage-me .matter .card-user .avatar {
#homepage-me .matter .card-user .avatar-box {
position: relative;
margin-bottom: 20px;
}
#homepage-me .matter .card-user .avatar-box .avatar {
width: 120px;
height: 120px;
border-radius: 8px;
margin-bottom: 20px;
}
#homepage-me .matter .card-user .avatar-box .pen-box {
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #ffffff;
cursor: pointer;
position: absolute;
right: 3px;
bottom: 3px;
}
#homepage-me .matter .card-user .avatar-box .pen-box .pen-icon {
width: 16px;
height: 16px;
}
#homepage-me .matter .card-user .name-area {
margin-bottom: 40px;

27
css/homepage-me.less
View File

@@ -16,11 +16,30 @@
padding-top: 39px;
padding-bottom: 38px;
margin-right: 20px;
.avatar {
width: 120px;
height: 120px;
border-radius: 8px;
.avatar-box {
position: relative;
margin-bottom: 20px;
.avatar {
width: 120px;
height: 120px;
border-radius: 8px;
}
.pen-box {
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #ffffff;
cursor: pointer;
position: absolute;
right: 3px;
bottom: 3px;
.pen-icon {
width: 16px;
height: 16px;
}
}
}
.name-area {

3
css/homepage-other.css
View File

@@ -47,6 +47,9 @@
}
#homepage-other .matter .card-user .name-area {
margin-bottom: 40px;
display: flex;
flex-direction: column;
align-items: center;
}
#homepage-other .matter .card-user .name-area .username {
font-size: 15px;

4
css/homepage-other.less
View File

@@ -40,6 +40,7 @@
padding-top: 39px;
padding-bottom: 40px;
margin-right: 20px;
.avatar {
width: 120px;
height: 120px;
@@ -49,6 +50,9 @@
.name-area {
margin-bottom: 40px;
display: flex;
flex-direction: column;
align-items: center;
.username {
font-size: 15px;

1
css/index.css
View File

@@ -25,6 +25,7 @@
width: 64px;
height: 24px;
border-radius: 20px 20px 20px 0;
margin-top: 0;
margin-bottom: 10px;
}
#appIndex .header-content-box .header-content-left .topic-and-selectives .head-top .icon {

1
css/index.less
View File

@@ -32,6 +32,7 @@
width: 64px;
height: 24px;
border-radius: 20px 20px 20px 0;
margin-top: 0;
margin-bottom: 10px;
.icon {
width: 15px;

13
css/public.css
View File

@@ -8,6 +8,7 @@
}
a {
text-decoration: none;
color: unset;
}
body {
background-color: #eef2f5;
@@ -62,6 +63,9 @@ body {
margin-bottom: 14px;
position: relative;
}
.item-box .item-head .user-box {
cursor: pointer;
}
.item-box .item-head .avatar {
width: 28px;
height: 28px;
@@ -187,6 +191,7 @@ body {
color: #555555;
white-space: pre-wrap;
margin-bottom: 15px;
display: block;
}
.item-box.item-offer {
font-size: 14px;
@@ -238,6 +243,7 @@ body {
.item-box.item-offer .message {
color: #555555;
margin-bottom: 15px;
display: block;
}
.item-box.item-summary .title {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
@@ -252,6 +258,7 @@ body {
font-size: 14px;
color: #555555;
margin-bottom: 20px;
display: block;
}
.item-box.item-summary .total {
font-size: 14px;
@@ -336,6 +343,7 @@ body {
font-size: 14px;
color: #555555;
margin-bottom: 15px;
display: block;
}
.item-box.item-vote .info {
font-size: 14px;
@@ -364,6 +372,7 @@ body {
margin: 4px 20px 20px;
overflow: hidden;
max-height: 138px;
display: block;
}
.item-box.item-vote .list.voted {
max-height: 178px;
@@ -457,6 +466,7 @@ body {
margin-top: 13px;
font-size: 14px;
color: #555555;
display: block;
}
.item-box.item-tenement .title {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
@@ -1282,7 +1292,7 @@ body {
transition: all 0.3s;
}
.posts-box.box-essence .slideshow-content {
margin-left: -263px;
margin-left: -266px;
}
.box-newest .slideshow-box .tab-list .tab-item.pitch::before {
background: linear-gradient(to right, #6ac83e, #6ad2cb);
@@ -1355,6 +1365,7 @@ body {
text-decoration: underline;
}
.head-top {
margin-top: 20px;
margin-bottom: 30px;
}
.head-top .logo {

15
css/public.less
View File

@@ -9,6 +9,7 @@
a {
text-decoration: none;
color: unset;
}
body {
@@ -72,6 +73,11 @@ body {
.item-head {
margin-bottom: 14px;
position: relative;
.user-box {
cursor: pointer;
}
.avatar {
width: 28px;
height: 28px;
@@ -220,6 +226,7 @@ body {
color: #555555;
white-space: pre-wrap;
margin-bottom: 15px;
display: block;
}
}
@@ -278,6 +285,7 @@ body {
.message {
color: #555555;
margin-bottom: 15px;
display: block;
}
}
@@ -296,6 +304,7 @@ body {
font-size: 14px;
color: #555555;
margin-bottom: 20px;
display: block;
}
.total {
@@ -401,6 +410,7 @@ body {
font-size: 14px;
color: #555555;
margin-bottom: 15px;
display: block;
}
.info {
@@ -434,6 +444,7 @@ body {
margin: 4px 20px 20px;
overflow: hidden;
max-height: 138px;
display: block;
&.voted {
max-height: 178px;
@@ -545,6 +556,7 @@ body {
margin-top: 13px;
font-size: 14px;
color: #555555;
display: block;
}
}
@@ -1529,7 +1541,7 @@ body {
&.box-essence {
.slideshow-content {
margin-left: -263px;
margin-left: -266px;
}
}
}
@@ -1620,6 +1632,7 @@ body {
}
.head-top {
margin-top: 20px;
margin-bottom: 30px;
.logo {

18
css/section.css
View File

@@ -258,6 +258,24 @@
#sectionIndex .matter .matter-content .details-box .content-box .list-box .item-box {
margin-bottom: 12px;
}
#sectionIndex .matter .matter-content .details-box .content-box .empty {
width: 100%;
height: 70vh;
background-color: #ffffff;
border: 1px solid #e9eef2;
border-radius: 10px;
flex-direction: column;
margin-right: 12px;
}
#sectionIndex .matter .matter-content .details-box .content-box .empty .empty-icon {
width: 80px;
height: 94px;
}
#sectionIndex .matter .matter-content .details-box .content-box .empty .empty-text {
font-size: 14px;
color: #7f7f7f;
margin-top: 10px;
}
#sectionIndex .matter .matter-content .details-box .adv {
display: block;
width: 291px;

21
css/section.less
View File

@@ -285,6 +285,27 @@
margin-bottom: 12px;
}
}
.empty {
width: 100%;
height: 70vh;
background-color: rgba(255, 255, 255, 1);
border: 1px solid rgba(233, 238, 242, 1);
border-radius: 10px;
flex-direction: column;
margin-right: 12px;
.empty-icon {
width: 80px;
height: 94px;
}
.empty-text {
font-size: 14px;
color: #7f7f7f;
margin-top: 10px;
}
}
}
// .side-box {