Widget:Slick：修订间差异

2026年2月25日 (三) 14:23的最新版本

这是首页大图专用的 Slick 轮播图微件。

@@ 第5行： / 第5行： @@
 <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css"/>
+{literal}
 <style>
+/* 微调箭头和圆点的位置 */
 .slick-prev { left: 15px; z-index: 10; }
 .slick-next { right: 15px; z-index: 10; }
@@ 第13行： / 第15行： @@
 <script>
-mw.loader.getScript('https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js').then(function() {
+/* 引入脚本并启动 */
-    $('.main-carousel').not('.slick-initialized').slick({
+$(function() {
-        dots: true,
+    mw.loader.getScript('https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js').then(function() {
-        arrows: true,
+        $('.main-carousel').not('.slick-initialized').slick({
-        infinite: true,
+            dots: true,
-        autoplay: true,
+            arrows: true,
-        autoplaySpeed: 4000,
+            infinite: true,
-        swipe: true
+            autoplay: true,
+            autoplaySpeed: 4000,
+            swipe: true
+        });
      });
 });
 </script>
+{/literal}
 </includeonly>