feat: 优化页面布局和交互体验
- 使用sticky定位替代fixed定位,提升滚动体验 - 添加视频播放图标和图片展示功能 - 实现搜索框热门关键词轮播效果 - 优化编辑器链接插入功能 - 调整组件样式和布局细节
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user