模板:奇遇节点:修订间差异

来自Limbo Wiki Mirror
某不知名鸽子留言 | 贡献
创建页面,内容为“<includeonly><script src="/index.php?title=Encounter.js&action=raw&ctype=text/javascript"></script><div class="encounter-node" data-node-id="{{{id|}}}" style="background: #f9f9f9; border-left: 6px solid #6a9fb5; padding: 12px 16px; margin: 16px 0; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);"> <div class="encounter-title" style="font-size: 1.2em; font-weight: bold; border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-bottom: 4px;">{{{标…”
标签(旧)WikiEditor
 
某不知名鸽子留言 | 贡献
无编辑摘要
标签(旧)WikiEditor
 
第1行: 第1行:
<includeonly><script src="/index.php?title=Encounter.js&action=raw&ctype=text/javascript"></script><div class="encounter-node" data-node-id="{{{id|}}}" style="background: #f9f9f9; border-left: 6px solid #6a9fb5; padding: 12px 16px; margin: 16px 0; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);">
<includeonly><div class="encounter-node" data-node-id="{{{id|}}}" style="background: #f9f9f9; border-left: 6px solid #6a9fb5; padding: 12px 16px; margin: 16px 0; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);">
<div class="encounter-title" style="font-size: 1.2em; font-weight: bold; border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-bottom: 4px;">{{{标题|奇遇}}}</div>
<div class="encounter-title" style="font-size: 1.2em; font-weight: bold; border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-bottom: 4px;">{{{标题|奇遇}}}</div>
<div class="encounter-flavor" style="margin-bottom: 12px; color: #2c3e50;">{{{旁白|}}}</div>
<div class="encounter-flavor" style="margin-bottom: 12px; color: #2c3e50;">{{{旁白|}}}</div>
第10行: 第10行:
</div></includeonly><noinclude>
</div></includeonly><noinclude>
== 模板说明 ==
== 模板说明 ==
用于展示可交互的奇遇节点。依赖JS脚本实现选项隐藏/显示及重置功能。
 


=== 参数 ===
=== 参数 ===

2026年4月8日 (三) 08:03的最新版本

模板说明

参数

id
该奇遇的唯一标识符(页面内不可重复),用于JS定位。
标题
奇遇名称
旁白
事件描述
内容
选项的HTML结构(见示例)

内容格式要求

每个选项必须包裹在 <div class="option-item">...</div> 中,其中需包含: - 一个可点击的触发元素(任意,但建议带 class="option-trigger") - 一个用于显示结果的容器(建议 class="option-result",初始隐藏)

示例:

<div class="option-item">
  <div class="option-trigger" style="cursor:pointer; color:#2c6e9e; font-weight:bold; margin:8px 0;">→ 触碰水珠</div>
  <div class="option-result" style="display:none; margin-left:16px; margin-top:4px; padding:8px; background:#f0f0f0; border-radius:6px;">
    结果:你获得了珍宝:美愿金币。
  </div>
</div>

支持嵌套选项(如重塑数字):在父选项的 option-result 内再放置一组子选项(同样结构)。JS会自动处理递归隐藏。

完整示例

月光凝流
银色的水珠悬在喷泉之上,这是一座被静止的喷泉。
→ 触碰水珠
→ 将晶球投入喷泉

<button class="reset-button" data-node-id="moonlight_example">⟳ 重新开始本奇遇</button>