Widget:GameSwitcher：修订间差异

←上一编辑

可视化wikitext

2026年6月20日 (六) 23:23的最新版本

少女前线系列多游戏首页切换Widget。调用方式：{{#widget:GameSwitcher}}

@@ 第48行： / 第48行： @@
 function moveIndicator( tab ) {
    var indicator = document.getElementById( 'gf-tab-indicator' );
-  var switcher  = document.getElementById( 'gf-switcher' );
+   if ( !indicator ) { return; }
-   if ( !indicator || !switcher ) { return; }
-  /* 让switcher作为定位基准 */
-  var switcherLeft = switcher.getBoundingClientRect().left;
-  var tabLeft      = tab.getBoundingClientRect().left;
    indicator.style.width     = tab.offsetWidth + 'px';
-   indicator.style.transform = 'translateX(' + ( tabLeft - switcherLeft ) + 'px)';
+   indicator.style.transform = 'translateX(' + tab.offsetLeft + 'px)';
 }
@@ 第137行： / 第133行： @@
      applyFadeColor();
-//    var firstActive = document.querySelector( '#gf-homepage .gf-tab.active' );
+    var firstActive = document.querySelector( '#gf-homepage .gf-tab.active' );
-//    if ( firstActive ) {
+    if ( firstActive ) {
-//      setTimeout( function () { moveIndicator( firstActive ); }, 50 );
+      setTimeout( function () { moveIndicator( firstActive ); }, 50 );
-//    }
+    }
-var firstActive = document.querySelector( '#gf-homepage .gf-tab.active' );
-if ( firstActive ) {
-  setTimeout( function () {
-    var switcher = document.getElementById( 'gf-switcher' );
-    var sr = switcher.getBoundingClientRect();
-    var tr = firstActive.getBoundingClientRect();
-    console.log( 'switcher left:', sr.left );
-    console.log( 'tab left:', tr.left );
-    console.log( 'tab width:', firstActive.offsetWidth );
-    console.log( 'calculated offset:', tr.left - sr.left );
-    console.log( 'indicator:', document.getElementById( 'gf-tab-indicator' ) );
-    moveIndicator( firstActive );
-  }, 50 );
-}
      tabs.forEach( function ( tab ) {
        tab.addEventListener( 'click', function () {