模板:奇遇节点

来自Limbo Wiki Mirror
某不知名鸽子留言 | 贡献2026年4月7日 (二) 19:46的版本 (创建页面,内容为“<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;">{{{标…”)
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)

模板说明

用于展示可交互的奇遇节点。依赖JS脚本实现选项隐藏/显示及重置功能。

参数

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会自动处理递归隐藏。

完整示例

<script src="/index.php?title=Encounter.js&action=raw&ctype=text/javascript"></script>

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

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