模板:嵌套分歧

MediaWiki:Qiantao.js

此模板用于创建一个可以无限嵌套的模板,可以创建无限个选项

使用方法

0.注意！！！！！！！！如果要使用嵌套，请在页面最前面添加以下代码

{{JS|Qiantao.js}}

特别地，使用模板:密探故事录入、模板:影中话录入、模板:密探活动剧情的页面，无需嵌入此代码

组件介绍

组件代码	说明	组件代码	说明
{{嵌套分歧|头}}	用于嵌套的开始	{{嵌套分歧|尾}	用于嵌套的结束
以上组件成对出现
{{嵌套分歧|内容头|显示=任意值，默认显示此内容}}	一个选项内容的开始。有且只有第一个选项的内容需要增加显示参数。请看示例	{{嵌套分歧|内容尾}}	一个选项内容的结束
以上组件成对出现
{{嵌套分歧|内容}}	详见示例1，用于内容特别少且无特殊语法的情况

内容不多的情况

1.内容写在模板里：推荐内容不多的情况

{{嵌套分歧|头}} // 用于包裹住选项
{{嵌套分歧|选项1的内容|1（后面的数字用来表示这是第几个选项）}}
{{嵌套分歧|选项2的内容|2}}
{{嵌套分歧|内容|内容|显示=任意值，默认显示此内容1}} //用于展示内容，紧跟在模板|尾之后
{{嵌套分歧|内容|内容2}}
{{嵌套分歧|尾}} // 头尾成对出现

示例代码	效果
{{嵌套分歧|头}} {{嵌套分歧|选项1|1}} {{嵌套分歧|选项2|2}} {{嵌套分歧|尾}} {{嵌套分歧|内容|选项1的剧情|显示=1}} {{嵌套分歧|内容|选项2的剧情}} {{嵌套分歧|尾}}	选项1 选项2 选项1的剧情 选项2的剧情

内容多且复杂的情况

2.内容在内容头、内容尾包裹：推荐内容过多的情况

{{嵌套分歧|头}} // 用于选项的开始
{{嵌套分歧|选项1的内容|1（后面的数字用来表示这是第几个选项）}}
{{嵌套分歧|选项2的内容|2}}
{{嵌套分歧|尾}} //用于div闭合包裹选项、头尾成对出现
{{嵌套分歧|内容|内容1|显示=任意值，默认显示此内容}} //用于展示内容，紧跟在模板|尾之后
{{嵌套分歧|内容|内容2}}
{{嵌套分歧|内容头|显示=任意值，默认显示此内容}}
    需要展示的复杂内容
    需要展示的复杂内容
    需要展示的复杂内容
    需要展示的复杂内容
{{嵌套分歧|内容尾}}

此为HTML展开

<div class=" message-tab-container " style="cursor: pointer;flex-wrap: wrap;background: none;display:flex;border-bottom: 1px solid #c9c9e6;padding: 0;">

  <div class=" message_q2 qt_fq " data-type="test" data-test="2" style="background: #f8e4c2;border: 1px solid #f8e4c2;border-radius: 10px;overflow:hidden;margin-bottom: 10px;width: 100%;">
    <span class="tab-panel" style="background: none;width: 100%;color: #5d3920;">选项1
    </span>
  </div>
  <div class=" message_q2 qt_fq " data-type="test" data-test="2" style="background: #f8e4c2;border: 1px solid #f8e4c2;border-radius: 10px;overflow:hidden;margin-bottom: 10px;width: 100%;">
    <span class="tab-panel" style="background: none;width: 100%;color: #5d3920;">选项2
    </span>
  </div>
</div>
<div class="message-item " data-test="" style="width: 100%;margin-top: 5px;display: block;">选项1的剧情</div>
<div class="message-item " data-test="" style="width: 100%;margin-top: 5px;display: none;">选项2的剧情</div>

示例代码	效果
效果 {{嵌套分歧|头}} {{嵌套分歧|示例1：对话模板|1}} {{嵌套分歧|示例2：图片展示|2}} {{嵌套分歧|示例3：道具展示|3}} {{嵌套分歧|尾}} {{嵌套分歧|内容头|显示=1}} {{对话|鲁肃|淹没在粮仓里吧！}} {{嵌套分歧|内容尾}}{{嵌套分歧|内容头}} 内容2 <gallery mode=packed caption="" heights="100px" > 言事章-底-刘辩.png|{{词卡|言事章/描述|刘辩}} 言事章-底-傅融.png|{{词卡|言事章/描述|傅融}} </gallery> {{嵌套分歧|内容尾}}{{嵌套分歧|内容头}} 内容3 {{道具ask|白金币|100000}}、{{道具ask|白金币|100000}}、{{道具ask|白金币|100000}} {{嵌套分歧|内容尾}}	示例1：对话模板 示例2：图片展示 示例3：道具展示 鲁肃 淹没在粮仓里吧！ 内容2 刘辩 这一杯是旧年陈酿，这一杯是新岁甘醴，同夜交杯饮，执手至白骨。 词卡 傅融 一年四时，同春花秋月咏叹，共夏冰冬炭消磨。 词卡 内容3 ×100000 、 ×100000 、 ×100000

需要多次嵌套的情况

示例代码	效果
{{嵌套分歧|头}} {{嵌套分歧|分支1|1}} {{嵌套分歧|分支2|2}} {{嵌套分歧|尾}}{{嵌套分歧|内容头|显示=1}} 分支1 {{嵌套分歧|内容尾}}{{嵌套分歧|内容头}} 分支2的再分歧 {{嵌套分歧|头}} {{嵌套分歧|2-1|1}} {{嵌套分歧|2-2|2}} {{嵌套分歧|尾}}{{嵌套分歧|内容头|显示=1}} 分支2-1 {{嵌套分歧|内容尾}}{{嵌套分歧|内容头}} 分支2-2 {{嵌套分歧|内容尾}} {{嵌套分歧|内容尾}}（注意：这里是分歧2而不是2-2的内容尾）	分支1 分支2 分支1 分支2的再分歧 2-1 2-2 分支2-1 分支2-2