Widget:Slick：修订间差异
来自OGAS数据中枢
更多语言
更多操作
imported>弃权者 无编辑摘要 |
imported>弃权者 无编辑摘要 |
||
| 第13行： | 第13行： | ||
/*圆点指示器自定义*/ | /*圆点指示器自定义*/ | ||
.gf-slick-dots { position: absolute; bottom: 20px; left: | .gf-slick-dots { position: absolute; bottom: 20px; left: 10%; display: flex !important; justify-content: center; gap: 12px; list-style: none; padding: 0; margin: 0; z-index: 10; } | ||
.gf-slick-dots li button { width: 14px; height: 14px; padding: 0; border: none; background: transparent; text-indent: -9999px; cursor: pointer; position: relative; } | .gf-slick-dots li button { width: 14px; height: 14px; padding: 0; border: none; background: transparent; text-indent: -9999px; cursor: pointer; position: relative; } | ||
.gf-slick-dots li button:before { content: ''; position: absolute; top: 0; left: 0; width: | .gf-slick-dots li button:before { content: ''; position: absolute; top: 0; left: 0; width: 8px; height: 8px; border-radius: 50%; background-color: white; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3); border: 1px solid rgba(255, 255, 255, 0.5); transition: all 0.3s ease; } | ||
.gf-slick-dots li.slick-active button:before { transform: scale(1.2); background-color: white; box-shadow: 0 0 0 | .gf-slick-dots li.slick-active button:before { transform: scale(1.2); background-color: white; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5), 0 0 4px rgba(255, 255, 255, 0.8); } | ||
2026年3月3日 (二) 07:37的最新版本
这是首页大图专用的 Slick 轮播图微件。