微件:CodeLoadingUI/SCF - 版本历史

2025年3月2日 (日) 02:26 Banmad3n

2025-03-02T02:26:05Z

←上一版本		2025年3月2日 (日) 10:26的版本
第152行：		第152行：
	document.getElementById('loadingOverlay').style.display = 'none'; // 隐藏加载界面		document.getElementById('loadingOverlay').style.display = 'none'; // 隐藏加载界面
	}		}
	}, ~~100~~); // ~~每100毫秒更新一次进度条~~		}, 200); // 每200毫秒更新一次进度条
	});		});
	</script>		</script>

2025年3月2日 (日) 02:25 Banmad3n

2025-03-02T02:25:23Z

@@ 第47行： / 第47行： @@
      width: 0;
      background: #3498db;
-     transition: width 1.2s ease;
+     transition: width 0.5s ease;
+   }
@@ 第60行： / 第60行： @@
      overflow: auto;
      white-space: pre-wrap;
+   }
 </style>
 <!-- JavaScript 逻辑 -->
@@ 第69行： / 第93行： @@
      var progress = 0;
      var progressBar = document.getElementById('progressBar').querySelector('div');
      var interval = setInterval(function () {
-       progress += 2;
+       progress += 1; // 每秒增加1%
        progressBar.style.width = progress + '%';
        if (progress >= 100) {
@@ 第76行： / 第152行： @@
          document.getElementById('loadingOverlay').style.display = 'none'; // 隐藏加载界面
+       }
-     }, 1000);
+     }, 100); // 每100毫秒更新一次进度条
    });
 </script>

2025年3月2日 (日) 02:16 Banmad3n

2025-03-02T02:16:21Z

←上一版本		2025年3月2日 (日) 10:16的版本
第47行：		第47行：
	width: 0;		width: 0;
	background: #3498db;		background: #3498db;
	transition: width 0.5s ease;		transition: width 1.2s ease;
	}		}

2025年3月2日 (日) 02:14 Banmad3n

2025-03-02T02:14:30Z

←上一版本		2025年3月2日 (日) 10:14的版本
第70行：		第70行：
	var progressBar = document.getElementById('progressBar').querySelector('div');		var progressBar = document.getElementById('progressBar').querySelector('div');
	var interval = setInterval(function () {		var interval = setInterval(function () {
	progress += 3;		progress += 2;
	progressBar.style.width = progress + '%';		progressBar.style.width = progress + '%';
	if (progress >= 100) {		if (progress >= 100) {
第76行：		第76行：
	document.getElementById('loadingOverlay').style.display = 'none'; // 隐藏加载界面		document.getElementById('loadingOverlay').style.display = 'none'; // 隐藏加载界面
	}		}
	}, ~~800~~);		}, 1000);
	});		});
	</script>		</script>

2025年3月2日 (日) 02:13 Banmad3n

2025-03-02T02:13:28Z

←上一版本		2025年3月2日 (日) 10:13的版本
第70行：		第70行：
	var progressBar = document.getElementById('progressBar').querySelector('div');		var progressBar = document.getElementById('progressBar').querySelector('div');
	var interval = setInterval(function () {		var interval = setInterval(function () {
	progress += 5;		progress += 3;
	progressBar.style.width = progress + '%';		progressBar.style.width = progress + '%';
	if (progress >= 100) {		if (progress >= 100) {
第76行：		第76行：
	document.getElementById('loadingOverlay').style.display = 'none'; // 隐藏加载界面		document.getElementById('loadingOverlay').style.display = 'none'; // 隐藏加载界面
	}		}
	}, ~~300~~);		}, 800);
	});		});
	</script>		</script>

2025年3月2日 (日) 02:12 Banmad3n

2025-03-02T02:12:21Z

@@ 第60行： / 第60行： @@
      overflow: auto;
      white-space: pre-wrap;
+   }
 </style>
 <!-- JavaScript 逻辑 -->
@@ 第93行： / 第69行： @@
      var progress = 0;
      var progressBar = document.getElementById('progressBar').querySelector('div');
      var interval = setInterval(function () {
-       progress += 1; // 每秒增加1%
+       progress += 5;
        progressBar.style.width = progress + '%';
        if (progress >= 100) {
@@ 第152行： / 第76行： @@
          document.getElementById('loadingOverlay').style.display = 'none'; // 隐藏加载界面
+       }
-     }, 100); // 每100毫秒更新一次进度条
+     }, 300);
    });
 </script>

2025年3月2日 (日) 02:09 Banmad3n

2025-03-02T02:09:40Z

←上一版本		2025年3月2日 (日) 10:09的版本
第94行：		第94行：
	var progressBar = document.getElementById('progressBar').querySelector('div');		var progressBar = document.getElementById('progressBar').querySelector('div');
	var codeDisplay = document.getElementById('codeDisplay');		var codeDisplay = document.getElementById('codeDisplay');
	var ~~lines~~ = [
			// 模拟的代码行
			var codeLines = [
	"Loading system...",		"Loading system...",
	"",		"",
第115行：		第117行：
	];		];

	// ~~逐行显示文本~~		// 逐行显示代码
	function typeLines(index) {		function typeLines(index) {
	if (index < ~~lines~~.length) {		if (index < codeLines.length) {
	var line = document.createElement('div');		var line = document.createElement('div');
	line.className = 'typing';		line.className = 'typing';
			line.textContent = codeLines[index];
	codeDisplay.appendChild(line);		codeDisplay.appendChild(line);
	~~typeText(line, lines[index], 0, function () {~~
	~~typeLines(index + 1); // 递归调用，显示下一行~~
	~~});~~
	}
	}

	// ~~逐字显示文本~~		// 模拟打字效果
	function ~~typeText~~(~~element, text, charIndex, callback~~) {		var text = codeLines[index];
	if (charIndex < text.length) {		var charIndex = 0;
	~~element~~.textContent += text.~~charAt(charIndex);~~		var typingInterval = setInterval(function () {
	~~setTimeout~~(~~function () {~~		if (charIndex < text.length) {
	~~typeText(element, text~~, charIndex + 1~~, callback~~);		line.textContent = text.substring(0, charIndex + 1);
	~~}, 50)~~; ~~// 每个字符的显示间隔（50ms）~~		charIndex++;
	} else {		} else {
	~~element~~.classList.remove('typing'); // 移除光标效果		clearInterval(typingInterval);
	if (~~callback~~) ~~callback(~~);		line.classList.remove('typing'); // 移除光标效果
			typeLines(index + 1); // 显示下一行
			}
			}, 50); // 每个字符的显示间隔
	}		}
	}		}

	// ~~启动逐行显示~~		// 开始显示代码
	typeLines(0);		typeLines(0);

第151行：		第152行：
	document.getElementById('loadingOverlay').style.display = 'none'; // 隐藏加载界面		document.getElementById('loadingOverlay').style.display = 'none'; // 隐藏加载界面
	}		}
	}, 100); // ~~每100ms更新一次进度条~~		}, 100); // 每100毫秒更新一次进度条
	});		});
	</script>		</script>

2025年3月2日 (日) 02:07 Banmad3n

2025-03-02T02:07:03Z

@@ 第60行： / 第60行： @@
      overflow: auto;
      white-space: pre-wrap;
+   }
 </style>
 <!-- JavaScript 逻辑 -->
@@ 第69行： / 第93行： @@
      var progress = 0;
      var progressBar = document.getElementById('progressBar').querySelector('div');
      var interval = setInterval(function () {
-       progress += 10;
+       progress += 1; // 每秒增加1%
        progressBar.style.width = progress + '%';
        if (progress >= 100) {
@@ 第76行： / 第151行： @@
          document.getElementById('loadingOverlay').style.display = 'none'; // 隐藏加载界面
+       }
-     }, 300);
+     }, 100); // 每100ms更新一次进度条
    });
 </script>

2025年3月2日 (日) 02:02 Banmad3n

2025-03-02T02:02:32Z

←上一版本		2025年3月2日 (日) 10:02的版本
第13行：		第13行：
	align-items: center;		align-items: center;
	flex-direction: column;		flex-direction: column;
	z-index: 1000; ~~/* 确保加载界面在最上层 */~~		z-index: 1000;
	color: #fff;		color: #fff;
	font-family: monospace;		font-family: monospace;
第61行：		第61行：
	white-space: pre-wrap;		white-space: pre-wrap;
	}		}
			</style>

	/~~* 背景图片样式 *~~/		<!-- JavaScript 逻辑 -->
	.~~Cbackground~~ {		<script>
	~~position: fixed~~;		// 确保DOM加载完成后再执行脚本
	~~background-size: cover !important~~;		document.addEventListener('DOMContentLoaded', function () {
	~~top: 0~~;		var progress = 0;
	width~~: 100~~%;		var progressBar = document.getElementById('progressBar').querySelector('div');
	~~height:~~ 100%;		var interval = setInterval(function () {
	~~z-index: -1~~; ~~/* 背景图片在底层 */~~		progress += 10;
	~~background-position: center !important;~~		progressBar.style.width = progress + '%';
	display: none; /~~* 初始状态下隐藏背景图片 *~~/		if (progress >= 100) {
	}		clearInterval(interval);
			document.getElementById('loadingOverlay').style.display = 'none'; // 隐藏加载界面
	~~#mw-content-container { background: rgba(255, 255~~, ~~255, 0.6~~); }		}
	~~#mw-content, .sidebar-chunk {~~		}, 300);
	~~background: rgba(255, 255, 255, 0.7) !important;~~		});
	~~backdrop-filter: blur(20px~~);		</script>
	}
	</~~style~~>

	<!-- HTML 结构 -->		<!-- HTML 结构 -->
第108行：		第107行：
	</div>		</div>
	</div>		</div>

	~~<!-- 背景图片容器 -->~~
	~~<div class="Cbackground" id="Cbackground" data-file="{{filepath:宗教都市祭封面1 V2.PNG}}"></div>~~

	~~<!-- JavaScript 逻辑 -->~~
	~~<script>~~
	~~// 确保DOM加载完成后再执行脚本~~
	~~document.addEventListener('DOMContentLoaded', function () {~~
	~~var progress = 0;~~
	~~var progressBar = document.getElementById('progressBar').querySelector('div');~~
	~~var interval = setInterval(function () {~~
	~~progress += 10;~~
	~~progressBar.style.width = progress + '%';~~
	~~if (progress >= 100) {~~
	~~clearInterval(interval);~~
	~~document.getElementById('loadingOverlay').style.display = 'none'; // 隐藏加载界面~~

	~~// 加载背景图片~~
	~~var Cbackground = document.getElementById("Cbackground");~~
	~~var file = Cbackground.getAttribute("data-file");~~
	~~Cbackground.style.background = 'url(' + file + ')';~~
	~~Cbackground.style.display = 'block'; // 显示背景图片~~

	~~var wrapper = document.getElementById("mw-wrapper");~~
	~~if (wrapper) {~~
	~~wrapper.appendChild(Cbackground);~~
	}
	}
	~~}, 300);~~
	~~});~~
	~~</script>~~

2025年3月2日 (日) 02:02 Banmad3n

2025-03-02T02:02:07Z

←上一版本		2025年3月2日 (日) 10:02的版本
第71行：		第71行：
	z-index: -1; /* 背景图片在底层 */		z-index: -1; /* 背景图片在底层 */
	background-position: center !important;		background-position: center !important;
			display: none; /* 初始状态下隐藏背景图片 */
	}		}

第109行：		第110行：

	<!-- 背景图片容器 -->		<!-- 背景图片容器 -->
	<div class="Cbackground" id="Cbackground" data-file="{{filepath:~~{{{图片\|迪普菲协奏会~~.~~png}}}~~}}"></div>		<div class="Cbackground" id="Cbackground" data-file="{{filepath:宗教都市祭封面1 V2.PNG}}"></div>

	<!-- JavaScript 逻辑 -->		<!-- JavaScript 逻辑 -->
第127行：		第128行：
	var Cbackground = document.getElementById("Cbackground");		var Cbackground = document.getElementById("Cbackground");
	var file = Cbackground.getAttribute("data-file");		var file = Cbackground.getAttribute("data-file");
	Cbackground.~~setAttribute('~~style'~~, 'background:~~url(' + file + ')');		Cbackground.style.background = 'url(' + file + ')';
			Cbackground.style.display = 'block'; // 显示背景图片

	var wrapper = document.getElementById("mw-wrapper");		var wrapper = document.getElementById("mw-wrapper");
	if (wrapper) {		if (wrapper) {