feat: 优化页面布局和交互体验

- 使用sticky定位替代fixed定位,提升滚动体验
- 添加视频播放图标和图片展示功能
- 实现搜索框热门关键词轮播效果
- 优化编辑器链接插入功能
- 调整组件样式和布局细节
This commit is contained in:
DESKTOP-RQ919RC\Pc
2025-11-10 19:06:58 +08:00
parent b7feedb350
commit 5cdbeb249f
26 changed files with 517 additions and 373 deletions

View File

@@ -7,6 +7,8 @@
margin-bottom: 50px;
.matter-left {
position: sticky;
z-index: 1;
width: 890px;
margin-right: 20px;
@@ -197,6 +199,10 @@
img {
max-width: 100%;
}
video {
margin: 0 auto;
}
}
.last-time {
@@ -259,7 +265,7 @@
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #000000;
border-top: 8px solid #ffffff;
position: absolute;
bottom: -8px;
left: 50%;
@@ -385,11 +391,12 @@
}
.sidebar-box {
&.fixed {
position: fixed;
right: calc((100% - 1200px) / 2);
bottom: 10px;
}
position: sticky;
// &.fixed {
// position: fixed;
// right: calc((100% - 1200px) / 2);
// bottom: 10px;
// }
.adv {
width: 291px;