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

feat: 新增编辑页面和分享功能，优化链接跳转和样式

Browse Source 
- 添加edit.html编辑页面及相关CSS样式
- 实现内容编辑区的富文本功能
- 为item-bottom组件添加分享功能，包括复制链接和微信转发
- 更新多个组件的链接跳转地址
- 优化CSS样式，包括圆角、阴影和hover效果
- 修复部分样式问题和布局错位
- 移除不再使用的section-index.html文件
This commit is contained in:
A1300399510
2025-11-03 00:42:30 +08:00
parent 38028167c0
commit 7bdeff17f6
51 changed files with 2414 additions and 481 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
css/index.css
View File

@@ -304,10 +304,8 @@
margin-bottom: 10px;
}
#appIndex .header-content-box .header-content-right .group-box .group {
background-color: #f6f6f6;
flex-wrap: wrap;
height: 100%;
border-radius: 8px;
}
#appIndex .header-content-box .header-content-right .group-box .group .group-item {
width: 50%;
@@ -316,10 +314,23 @@
color: #333;
text-decoration: none;
flex-direction: column;
overflow: hidden;
background-color: #f6f6f6;
font-size: 14px;
text-align: center;
line-height: 22px;
position: relative;
}
#appIndex .header-content-box .header-content-right .group-box .group .group-item:nth-child(1) {
border-top-left-radius: 8px;
}
#appIndex .header-content-box .header-content-right .group-box .group .group-item:nth-child(2) {
border-top-right-radius: 8px;
}
#appIndex .header-content-box .header-content-right .group-box .group .group-item:nth-child(3) {
border-bottom-left-radius: 8px;
}
#appIndex .header-content-box .header-content-right .group-box .group .group-item:nth-child(4) {
border-bottom-right-radius: 8px;
}
#appIndex .header-content-box .header-content-right .group-box .group .group-item:nth-child(odd) {
border-right: 1px solid #ebebeb;
@@ -343,6 +354,31 @@
#appIndex .header-content-box .header-content-right .group-box .group .group-item .subtitle {
color: #555555;
}
#appIndex .header-content-box .header-content-right .group-box .group .group-item:hover .QRcode-box {
display: flex;
}
#appIndex .header-content-box .header-content-right .group-box .group .group-item .QRcode-box {
z-index: 1;
display: none;
position: absolute;
top: 64px;
width: 140px;
height: 166px;
background-color: #ffffff;
border-radius: 6px;
padding: 20px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16862745);
flex-direction: column;
}
#appIndex .header-content-box .header-content-right .group-box .group .group-item .QRcode-box .QRcode {
width: 100px;
height: 100px;
margin-bottom: 4px;
}
#appIndex .header-content-box .header-content-right .group-box .group .group-item .QRcode-box .text {
color: #555555;
font-size: 14px;
}
#appIndex .header-content-box .header-content-right .offer-box {
width: 240px;
height: 214px;
@@ -447,7 +483,6 @@
border-radius: 10px;
}
#appIndex .matter .sidebar .side-box {
width: 100%;
padding: 17px 10px 10px;
margin-bottom: 12px;
width: 291px;