用户:RedDragon/Test1：修订间差异

2025年7月6日 (日) 23:03的版本

EZ 1
4:3	111aaa

@@ 第1行： / 第1行： @@
-此页面用于说明您在创建曲目页面时应遵循的通用格式。
+<html>
-== 创建页面规范 ==
+<table width="100%" style="border:none; border-collapse:collapse;">
-您在创建页面时需要遵守以下格式规则:
+  <tr>
-* 仅使用曲目原名作为页面名称
+    <td colspan="2" style="text-align:center; background-color:#A9FBFF;">
-* 严格使用半角符号。
+      <div id="difficulty" onclick="cycleDifficulty(this)" data-states='["EZ 1", "HD 6", "IN 9"]' data-current="0" style="cursor:pointer;">EZ 1</div>
-创建页面详见[[帮助:编辑页面#创建页面|帮助:编辑页面]]。
+    </td>
+  </tr>
+  <tr>
+    <td width="15%" height="300px" style="text-align:center; background-color:#ABCDEF;">
+      <div id="ratio" onclick="cycleRatio(this)" data-states='["4:3", "16:9"]' data-current="0" style="cursor:pointer;">4:3</div>
+    </td>
+    <td>
+      <span id="output">111aaa</span>
+    </td>
+  </tr>
+</table>
-== 页面结构要求 ==
+<script>
-曲目页面必须包含以下三个核心模块：
+  <script>
-* 曲目信息（使用[[模板:SongInfo]]）
+    //自定义部分
-* 曲目介绍
+    const difficultyList = ["EZ 1", "HD 6", "IN 9"];
-* 历史记录
+    const songName = "Abgrund";
-可选模块（视情况添加）：
-* 成就
-* 相关趣事
-* 画廊
-* 其他特殊内容
-标准页面布局：
-{| class="wikitable" width="250%"
-| 曲目信息 || 曲目介绍 || 其它内容 || 成就 || 历史 || 相关趣事 || 画廊 || 注释、来源和外部链接 || [[模板:SongNav]]
-|}
-== 模块编辑细则 ==
+    const difficultyColors = {
+      "EZ": "#57E4C4",
+    "HD": "#FDBA61",
+    "IN": "#FE8661",
+    "AT": "#4C364B"
+    };
-=== 曲目信息 ===
+    function cycleDifficulty(element) {
-{{Infobox
+        const states = difficultyList
-|titlestyle  = background:#F86D84;
+    const current = parseInt(element.getAttribute('data-current'))
-|belowstyle  = background:#F98296; text-align:center;
+     const next = (current + 1) % states.length
-|headerstyle = background:#FA97A9;
-|labelstyle  = background:#FCC4CF;
-|title       = Gleam feat. ふわまろ
-|image       = [[File:illustration.Gleam.Uske.0.png|300px]]
-|caption     = 插画设计：きゃらあい
-|label1  = 音乐作者
-|data1   = U-ske
-|label2  = 音乐时长
-|data2   = 02:01
-|label3  = BPM
-|data3   = 195
-|label4  = 更新时间
-|data4   = 2022/12/15
-|label5  = 更新版本
-|data5   = [[版本:1.0.1|1.0.1]]
-|label6  = 收录曲包
-|data6   = Disc 1
-|header7 = 关卡设计
-|label8  = {{Diff|EZ|1}}
-|data8   = Pro Barbarianerman
-|label9  = {{Diff|HD|6}}
-|data9   = Pcat
-|label10 = {{Diff|IN|12}}
-|data10  = Proxima
-|header11 = Hit / Combo
-|label12 = {{Diff|EZ|1}}
-|data12  = 178 / 688
-|label13 = {{Diff|HD|6}}
-|data13  = 442 / 1744
-|label14 = {{Diff|IN|12}}
-|data14  = 810 / 3216
-|header15 = Max Score
-|label16 = {{Diff|EZ|1}}
-|data16  = 1003500
-|label17 = {{Diff|HD|6}}
-|data17  = 1009100
-|label18 = {{Diff|IN|12}}
-|data18  = 1012600
-}}
-这是曲目信息的一个例子。使用[[模板:SongInfo]]创建曲目信息栏，请仔细阅读模板文档了解参数使用方法。
-编辑要求:
+    element.textContent = states[next]
-* 必须完全理解模板参数用法
+    element.setAttribute('data-current', next.toString())
-* 确保所有数据准确无误
-* 当曲目实际名称首字母为小写但页面标题被强制大写时，需添加注释：<code><nowiki><ref>由于MediaWiki会将页面标题的首字母强制大写，故页面标题显示为"页面标题"。曲目实际名称为"曲目名称"。</ref></nowiki></code>。
-* 仅限曲目页面使用[[模板:SongInfo]]模板
-* 插图规范：
-** 优先2048×2048 PNG格式
-** 可暂用512×512 PNG，但需尽快替换
-=== 曲目介绍 ===
+    const difficultyType = states[next].split(' ')[0]  // 获取难度
-简要介绍曲目背景。必须包含其在Rizline中所属的分区(Disc)。若某个曲目有特殊性(如在音乐赛事中获奖等)，您也可以将相关内容添加至曲目介绍中。
+    const color = difficultyColors[difficultyType] || '#A9FBFF'  // 更新背景色
+    element.style.backgroundColor = color
+    element.parentElement.style.backgroundColor = color
-=== 成就 ===
+    updateOutput()
-使用表格形式展示曲目相关成就:
+    }
-<pre>
-{| class="wikitable"
-|-
-! 成就 !! 称号 !! 达成条件
-|-
-| 滴滴滴滴 || {{Badge|嗡嗡作响的|脑瓜子}} || 在“macro.wav”中获得“PERFECT”评价
-|}
-</pre>
-{| class="wikitable"
-|-
-! 成就 !! 称号 !! 达成条件
-|-
-| 滴滴滴滴 || {{Badge|嗡嗡作响的|脑瓜子}} || 在“macro.wav”中获得“PERFECT”评价
-|}
-称号模板的使用方法详见[[模板:Badge]]。
-注意:
+    function cycleRatio(element) {
-* 仅收录该曲目直接相关的成就。部分范围过广的成就(如"太可惜了")无需列出。
+        const states = ["16:9", "4:3"]
+    const current = parseInt(element.getAttribute('data-current'))
+    const next = (current + 1) % states.length
-=== 历史 ===
+    element.textContent = states[next]
-本模块按时间顺序记录曲目的重要事件。
+    element.setAttribute('data-current', next.toString())
-必须包含：
-* 游戏版本更新记录
-* 谱面调整历史
-您也可以填写此曲目在Rizline之外(如作者创作曲目的时间等)的历史事件。
-格式规范:
+    updateOutput()
-<pre>
+    }
-{| class="wikitable"
-|-
-! 时间 !! 事件
-|-
-| 2025/02/14 || “律动轨迹_Rizline”公布Disc EX将于2025/02/28更新驟雨の狭間。
-|-
-|[[版本:2.0.0|2.0.0]]
-|加入了驟雨の狭間，价值1{{Coin}},难度为{{Diff|EZ|5}}、{{Diff|HD|10}}、{{Diff|IN|14}}；<br>驟雨の狭間的插画以500{{Dot}}的价格出售。
-|}
-</pre>
-{| class="wikitable"
-|-
-! 时间 !! 事件
-|-
-| 2025/02/14 || “律动轨迹_Rizline”公布Disc EX将于2025/02/28更新驟雨の狭間。
-|-
-|[[版本:2.0.0|2.0.0]]
-|加入了驟雨の狭間，价值1{{Coin}},难度为{{Diff|EZ|5}}、{{Diff|HD|10}}、{{Diff|IN|14}}；<br>驟雨の狭間的插画以500{{Dot}}的价格出售。
-|}
-=== 相关趣事 ===
+    function updateOutput() {
-记录与此曲目有关的、但不在正文范围内的趣事。相关趣事可以包含此曲目或此曲目的谱面在Rizline中创下的纪录，也可以是此曲目的联动情况等。编写相关趣事时应采用无序列表编写。
+        const difficultyDiv = document.getElementById('difficulty')
+    const ratioDiv = document.getElementById('ratio')
-需要注意的是，相关趣事在编写时无特殊要求，但您编写的内容应保持客观。
+    const currentDifficulty = difficultyDiv.textContent.split(' ')[0]  // 获取难度
+    const currentRatio = ratioDiv.textContent === "16:9" ? "16-9" : "4-3"
-=== 画廊 ===
+    const videoUrl = `https://github.com/Rizline-Chinese-Wiki/rizline-song-preview/blob/main/${currentRatio}/${songName}_${currentDifficulty}.mp4`
-画廊展示了与此曲目有关的图像。画廊中绝大多数为曲目谱面中较为新奇或独特的元素，但您也可以在合适的情况下添加其它相关的图片(如[[Relieve]]中"画廊"部分展示的图像)。编写画廊时应采用以下示例中的格式:
-<pre>
-<gallery>
-图片1.png
-图片2.jpg|介绍
-图片3.webp
-</gallery>
-</pre>
-需要注意的是，您在编写画廊页面时应确保您插入的图片确实是值得展示的内容。
-=== 注释、来源和外部链接 ===
+    document.getElementById('output').innerHTML = `
-此部分用于容纳页面中的注释、来源和外部链接。您只需在此部分下方插入"<nowiki><reference /></nowiki>"即可。
+    <video class="html5media-video" src="${videoUrl}" controls preload="metadata" loading="lazy"></video>
+    `
+    }
+</script>
-=== [[模板:SongNav]] ===
+</html>
-此部分用于插入曲目导航页。您需要在曲目页面的最下方插入"<nowiki>{{SongNav|collapsed}}</nowiki>"，并进入[[模板:SongNav]]中将新曲目添加到相应位置。
-=== 其它内容 ===
-曲目页面其它内容视曲目本身而定，编写时无特殊要求。目前下列曲目页面中编写了其它内容，您可以以它们为参考。
-*[[ILLEGAL LEGACY]]
-*[[Vicious Mockery]]
-*[[BRAVE: ROAD]]
-{{RizwikiNav|collapsed}}