模板:折叠面板：修订间差异
无编辑摘要 |
无编辑摘要 |
||
| 第1行： | 第1行： | ||
<includeonly>{{#ifeq:{{{1|}}}|开始|<div class="accordion accordion-flush" id="accordion-{{{主框|1}}}">}}{{#ifeq:{{{1}}}|结束|</div>}}{{#ifeq:{{{1}}}|内容结束|</div></div></div>}}{{#if:{{{标题|}}}|<div class="accordion-item"><div class="accordion-header"><div class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#flush-collapse{{{选项|1}}}" aria-expanded="false" aria-controls="flush-collapse{{{选项|1}}}">{{{标题}}}</div></div><div id="flush-collapse{{{选项|1}}}" class="accordion-collapse collapse {{#if:{{{展开|}}}|show}}" data-bs-parent="#accordion-{{{主框|1}}}"><div class="accordion-body">}}</includeonly><includeonly>{{#css:.accordion{ margin-bottom: 20px}.accordion .accordion-item{ position: relative;margin-bottom: 2px;font-size: 1rem;}.accordion .accordion-header{ cursor: pointer;font-weight: bold; color: #915d2e; background: #dfcdad;}.accordion .accordion-button:not(.collapsed){color: #915d2e;}.accordion .accordion-button{padding:.5em;background-color: #dfcdad !important; color: #915d2e;}.accordion-body{padding:.5em; color: #666; background: #fbf9f1; }.accordion-flush>.accordion-item{border:none; }.accordion-body p { line-height: 1.6;}} | <includeonly>{{#ifeq:{{{1|}}}|开始|<div class="accordion accordion-flush" id="accordion-{{{主框|1}}}">}}{{#ifeq:{{{1}}}|结束|</div>}}{{#ifeq:{{{1}}}|内容结束|</div></div></div>}}{{#if:{{{标题|}}}|<div class="accordion-item"><div class="accordion-header"><div class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#flush-collapse{{{选项|1}}}" aria-expanded="false" aria-controls="flush-collapse{{{选项|1}}}">{{{标题}}}</div></div><div id="flush-collapse{{{选项|1}}}" class="accordion-collapse collapse {{#if:{{{展开|}}}|show}}" data-bs-parent="#accordion-{{{主框|1}}}"><div class="accordion-body">}}</includeonly><includeonly>{{#css:.accordion{ margin-bottom: 20px}.accordion .accordion-item{ position: relative;margin-bottom: 2px;font-size: 1rem;}.accordion .accordion-header{ cursor: pointer;font-weight: bold; color: #915d2e; background: #dfcdad;}.accordion .accordion-button:not(.collapsed){color: #915d2e;}.accordion .accordion-button{padding:.5em;background-color: #dfcdad !important; color: #915d2e;}.accordion .accordion-body{padding:.5em; color: #666; background: #fbf9f1; }.accordion-flush>.accordion-item{border:none; }.accordion-body p { line-height: 1.6;}} | ||
</includeonly><noinclude> | </includeonly><noinclude> | ||
{{信息 | {{信息 | ||
2024年5月31日 (五) 11:28的版本
使用方法
注意
- 主框: 数字或者英文,可选,如果存在多个不同的折叠组时必选.注意!标题与开始的主框参数必须一致.
- 选项:数字或者英文,可选,一个组里面大于一个选项是必选.且选项值不能相同
- 展开:值任意,可选.是否直接展开
你所写的
{{折叠面板|开始|主框=1}}
{{折叠面板|标题=测试标题1|选项=1|主框=1|展开=是}}
测试内容
{{折叠面板|内容结束}}
{{折叠面板|标题=测试标题2|选项=2|主框=1}}
测试内容
{{折叠面板|内容结束}}
{{折叠面板|结束}}
显示内容
测试内容测试内容测试内容测试内容测试内容测试内容
测试内容测试内容测试内容测试内容
容测试内容测试内容测试内容测试内
测试内容
多个嵌套
你所写的
{{折叠面板|开始|主框=main}}
{{折叠面板|标题=测试标题1|选项=m1|主框=main|展开=是}}
{{折叠面板|开始|主框=main-sub}}
{{折叠面板|标题=子面板测试标题1|选项=s1|主框=main-sub|展开=是}}
子面板内容1
{{折叠面板|内容结束}}
{{折叠面板|标题=子面板测试标题2|选项=s2|主框=main-sub}}
子面板内容2
{{折叠面板|内容结束}}
{{折叠面板|结束}}
{{折叠面板|内容结束}}
{{折叠面板|标题=测试标题2|选项=m2|主框=main}}
测试内容
{{折叠面板|内容结束}}
{{折叠面板|结束}}
显示内容
子面板内容1
子面板内容2
测试内容
所有模板列表