vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:箭头绝对定位

Browse Source 
移除左右 padding
隐藏重复箭头
This commit is contained in:
zdl
2025-11-26 16:50:46 +08:00
parent e0b7f8c59d
commit f5f89a1c72
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/Community/components/HotEvents.css
View File

@@ -37,7 +37,7 @@
} }
.hot-events-carousel { .hot-events-carousel {
padding: 0 40px; /* 增加左右padding为箭头留出空间 */ padding: 0; /* 移除左右padding，箭头使用绝对定位 */
position: relative; position: relative;
} }
@@ -65,13 +65,20 @@
color: #096dd9 !important; color: #096dd9 !important;
} }
/* 箭头位置 */ /* 箭头位置 - 绝对定位，悬浮在卡片边缘 */
.hot-events-carousel .slick-prev.custom-carousel-arrow { .hot-events-carousel .slick-prev.custom-carousel-arrow {
left: 0 !important; left: 8px !important;
position: absolute;
} }
.hot-events-carousel .slick-next.custom-carousel-arrow { .hot-events-carousel .slick-next.custom-carousel-arrow {
right: 0 !important; right: 8px !important;
position: absolute;
}
/* 隐藏可能重复的默认箭头 */
.hot-events-carousel .slick-arrow:not(.custom-carousel-arrow) {
display: none !important;
} }
/* 禁用状态 */ /* 禁用状态 */