用户:Xp00000000/Sandbox：修订间差异

详细信息
详细信息
预览时间	114.5s-191.9s
Riztime时间	100.1s-100.3s; 100.6s-101.5s; 166.7s-185.0s; 200.0s-215.8s
主题颜色
常规主题	#000000; #000000; #000000
Riztime主题1	#000000; #000000; #000000
Riztime主题2	#000000; #000000; #000000
Riztime主题3	#000000; #000000; #000000
Riztime主题4	#000000; #000000; #000000
谱面信息
Tap/Drag/Hold
EZ 1	25/35/45
HD 5	114/124/134
IN 9	350/234/233
线条数
EZ 1	250
HD 5	368
IN 9	1145

以互动方式浏览历史

←上一编辑

可视化wikitext

@@ 第1行： / 第1行： @@
-<html>
+{{Infobox
-<style>
+|name  = SongInfo1
-.normal-style {
+|state =
-    touch-action: manipulation; /* 减少移动端延迟 */
+|title = 详细信息
-    -webkit-tap-highlight-color: transparent; /* 移除点击高亮 */
+|headerstyle = background:#0055FF;
-}
+|labelstyle  = background:#00FF00;
-</style>
+|label1   = 预览时间
+|data1    = 114.5s-191.9s
-<script>
+|label2   = Riztime时间
-function toggleColor(element) {
+|data2    = 100.1s-100.3s<br>100.6s-101.5s<br>166.7s-185.0s<br>200.0s-215.8s
-    element.classList.toggle("clicked-style");
+|header3  = 主题颜色
-    // 更新文本内容
+|label4   = 常规主题
-    element.textContent = element.classList.contains("clicked-style")
+|data4    = <span style="display: inline-block;width: 30px;height: 30px;background: #000000;color: white;"></span><span style="position: relative; left: 10px; top: -8px;"><big>#000000</big></span><br><span style="display: inline-block;width: 30px;height: 30px;background: #000000;color: white;"></span><span style="position: relative; left: 10px; top: -8px;"><big>#000000</big></span><br><span style="display: inline-block;width: 30px;height: 30px;background: #000000;color: white;"></span><span style="position: relative; left: 10px; top: -8px;"><big>#000000</big></span>
-        ? "{{Diff|HD|10}}"
+|label5   = Riztime主题1
-        : "{{Diff|IN|14}}";
+|data5    = <span style="display: inline-block;width: 30px;height: 30px;background: #000000;color: white;"></span><span style="position: relative; left: 10px; top: -8px;"><big>#000000</big></span><br><span style="display: inline-block;width: 30px;height: 30px;background: #000000;color: white;"></span><span style="position: relative; left: 10px; top: -8px;"><big>#000000</big></span><br><span style="display: inline-block;width: 30px;height: 30px;background: #000000;color: white;"></span><span style="position: relative; left: 10px; top: -8px;"><big>#000000</big></span>
-    // 存储状态
+|label6   = Riztime主题2
-    localStorage.setItem('boxState', element.classList.contains("clicked-style"));
+|data6    = <span style="display: inline-block;width: 30px;height: 30px;background: #000000;color: white;"></span><span style="position: relative; left: 10px; top: -8px;"><big>#000000</big></span><br><span style="display: inline-block;width: 30px;height: 30px;background: #000000;color: white;"></span><span style="position: relative; left: 10px; top: -8px;"><big>#000000</big></span><br><span style="display: inline-block;width: 30px;height: 30px;background: #000000;color: white;"></span><span style="position: relative; left: 10px; top: -8px;"><big>#000000</big></span>
-}
+|label7   = Riztime主题3
-// 页面加载时恢复状态和文本
+|data7    = <span style="display: inline-block;width: 30px;height: 30px;background: #000000;color: white;"></span><span style="position: relative; left: 10px; top: -8px;"><big>#000000</big></span><br><span style="display: inline-block;width: 30px;height: 30px;background: #000000;color: white;"></span><span style="position: relative; left: 10px; top: -8px;"><big>#000000</big></span><br><span style="display: inline-block;width: 30px;height: 30px;background: #000000;color: white;"></span><span style="position: relative; left: 10px; top: -8px;"><big>#000000</big></span>
-window.onload = function() {
+|label8   = Riztime主题4
-    var box = document.getElementById('myInteractiveBox');
+|data8    = <span style="display: inline-block;width: 30px;height: 30px;background: #000000;color: white;"></span><span style="position: relative; left: 10px; top: -8px;"><big>#000000</big></span><br><span style="display: inline-block;width: 30px;height: 30px;background: #000000;color: white;"></span><span style="position: relative; left: 10px; top: -8px;"><big>#000000</big></span><br><span style="display: inline-block;width: 30px;height: 30px;background: #000000;color: white;"></span><span style="position: relative; left: 10px; top: -8px;"><big>#000000</big></span>
-    if(box) {
+|header9   = 谱面信息
-        var isClicked = localStorage.getItem('boxState') === 'true';
+|header10  = Tap/Drag/Hold
-        box.classList.toggle("clicked-style", isClicked);
+|label11   = {{diff|EZ|1}}
-        box.textContent = isClicked
+|data11    = 25/35/45
-            ? "{{Diff|HD|10}}"
+|label12   = {{diff|HD|5}}
-            : "{{Diff|IN|14}}";
+|data12    = 114/124/134
-    }
+|label13   = {{diff|IN|9}}
-};
+|data13    = 350/234/233
-</script>
+|header14  = 线条数
+|label15   = {{diff|EZ|1}}
-<div id="myInteractiveBox" class="normal-style" onclick="toggleColor(this)">
+|data15    = 250
-{{Diff|IN|14}}
+|label16   = {{diff|HD|5}}
-</div>
+|data16    = 368
-</html>
+|label17   = {{diff|IN|9}}
+|data17    = 1145
+}}

2025年10月23日 (四) 13:53的最新版本