feat: 优化页面布局和交互体验
- 使用sticky定位替代fixed定位,提升滚动体验 - 添加视频播放图标和图片展示功能 - 实现搜索框热门关键词轮播效果 - 优化编辑器链接插入功能 - 调整组件样式和布局细节
This commit is contained in:
@@ -79,12 +79,14 @@
|
||||
|
||||
.matter-content {
|
||||
margin-right: 12px;
|
||||
position: sticky;
|
||||
z-index: 1;
|
||||
|
||||
&.fixed {
|
||||
position: fixed;
|
||||
left: calc((100% - 1200px) / 2);
|
||||
bottom: 10px;
|
||||
}
|
||||
// &.fixed {
|
||||
// position: fixed;
|
||||
// left: calc((100% - 1200px) / 2);
|
||||
// bottom: 10px;
|
||||
// }
|
||||
|
||||
.list-box {
|
||||
.item-box {
|
||||
@@ -149,14 +151,15 @@
|
||||
|
||||
.sidebar-box {
|
||||
width: 291px;
|
||||
position: sticky;
|
||||
|
||||
&.fixed {
|
||||
position: fixed;
|
||||
// right: calc((100% - 1200px) / 2);
|
||||
// left: 909px;
|
||||
left: calc((100% - 1200px) / 2 + 909px);
|
||||
bottom: 10px;
|
||||
}
|
||||
// &.fixed {
|
||||
// position: fixed;
|
||||
// // right: calc((100% - 1200px) / 2);
|
||||
// // left: 909px;
|
||||
// left: calc((100% - 1200px) / 2 + 909px);
|
||||
// bottom: 10px;
|
||||
// }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user