模板:右下角目录 - 版本历史

2026年10月13日 (二) 08:15 TheNewMillium

2026-10-13T08:15:56Z

←上一版本		2026年10月13日 (二) 16:15的版本
第15行：		第15行：
	</div><noinclude>		</div><noinclude>
	<poem>		<poem>
	~~假如你觉得自己的目录长到甚至有点影响页面了，就大方使用这个目录模板吧！~~		2026/10/13 Version 1.1
	~~用于长页面的自动目录。在需要目录的页面加入这个模板,将会取代原先的目录。~~		:加入了劲霸强的{{ruby\|微件\|Widget}}支持。<del>微件活了！微件活了！我们要告诉所有人！</del>
	~~使用后会在页面右下角追加一个按钮，点击可以打开右侧目录抽屉。~~		:现已支持通过【mode】和【Fold】参数自定义目录的折叠方式：
	~~手机模式下固定占右半屏，电脑则宽 320 像素。~~		::'''mode=0'''：完全展开目录，也就是默认什么都不加的时候的模式。
	~~点击章节会跳转并自动收起。~~		::'''mode=1'''：仅折叠Fold指定的层级。点击后展开该分支下的全部标题。指定层级同时只能展开一个分支。
			::'''mode=2'''：从Fold指定的层级开始逐层折叠。点击父标题展开下一层。每组同级标题同时只能展开一个分支。
			::'''Fold'''：指定从第几级目录开始折叠，默认为1。按目录层级计算。
			:追加了目录抽屉，子目录展开，收起的更加Q弹suang口的过渡动画。
			:调整了父标题的操作方式：点击标题展开或收起，点击右侧“跳转”按钮进入正文。
			::电脑端悬停时显示“跳转”，手机端仅在对应标题展开后显示。

			假如你觉得目录长到影响阅读，就大方使用这个模板吧！
			本模板会将页面自动生成的目录移入右侧常时隐藏抽屉，并在右下角显示常驻的“目录”按钮，以优化长目录体验。
			点击按钮即可打开目录。点击章节链接后，会跳转到对应正文，并自动收起抽屉。
			电脑端的目录面板固定宽320像素，手机端占屏幕右半边。目录内部可以独立滚动。

			每个页面只需引用一次。例如：
			:<code><nowiki>{{右下角目录\|mode=2\|Fold=1}}</nowiki></code>

	样式见 [[Template:右下角目录/styles.css]]。		样式见 [[Template:右下角目录/styles.css]]。
	</poem>		</poem>
	</noinclude>		</noinclude>

2026年10月13日 (二) 07:28 TheNewMillium

2026-10-13T07:28:02Z

←上一版本		2026年10月13日 (二) 15:28的版本
第1行：		第1行：
	<templatestyles src="Template:右下角目录/styles.css" />		<templatestyles src="Template:右下角目录/styles.css" />
	<div class="pd-long-toc-root">		<div class="pd-long-toc-root" data-mode="{{{mode\|0}}}" data-fold="{{{Fold\|1}}}">
	<span id="pd-long-toc-close" class="pd-long-toc-close-target" aria-hidden="true"></span>		<span id="pd-long-toc-close" class="pd-long-toc-close-target" aria-hidden="true"></span>
	<div class="pd-long-toc-button">[[#pd-long-toc-panel\|目录]]</div>		<div class="pd-long-toc-button">[[#pd-long-toc-panel\|目录]]</div>
第12行：		第12行：
	</div>		</div>
	</div>		</div>
			{{#widget:右下角目录}}
	</div><noinclude>		</div><noinclude>
	<poem>		<poem>
	假如你觉得自己的目录长到甚至有点影响页面了，就大方使用这个目录模板吧！		假如你觉得自己的目录长到甚至有点影响页面了，就大方使用这个目录模板吧！
	~~用于长页面的自动目录。在需要目录的页面加入 <code>{{右下角目录}}</code>，这个模板将会取代原先的目录。~~		用于长页面的自动目录。在需要目录的页面加入这个模板,将会取代原先的目录。
	使用后会在页面右下角追加一个按钮，点击可以打开右侧目录抽屉。		使用后会在页面右下角追加一个按钮，点击可以打开右侧目录抽屉。
	手机模式下固定占右半屏，电脑则宽 320 像素。		手机模式下固定占右半屏，电脑则宽 320 像素。

2026年10月8日 (四) 17:50 TheNewMillium

2026-10-08T17:50:09Z

←上一版本		2026年10月9日 (五) 01:50的版本
第15行：		第15行：
	<poem>		<poem>
	假如你觉得自己的目录长到甚至有点影响页面了，就大方使用这个目录模板吧！		假如你觉得自己的目录长到甚至有点影响页面了，就大方使用这个目录模板吧！
	用于长页面的自动目录。在需要目录的页面加入 <code>{{~~长目录~~}}</code>，这个模板将会取代原先的目录。		用于长页面的自动目录。在需要目录的页面加入 <code>{{右下角目录}}</code>，这个模板将会取代原先的目录。
	使用后会在页面右下角追加一个按钮，点击可以打开右侧目录抽屉。		使用后会在页面右下角追加一个按钮，点击可以打开右侧目录抽屉。
	手机模式下固定占右半屏，电脑则宽 320 像素。		手机模式下固定占右半屏，电脑则宽 320 像素。

TheNewMillium：创建页面，内容为“

目录

关闭目录

目录</div> <div id="pd-long-toc-panel" class="pd-long-toc-panel"> <div class="pd-long-toc-backdrop">关闭目录</div> <div class="pd-long-toc-sheet"> <div class="pd-long-toc-header"><span class="pd-long-…”

新页面
<templatestyles src="Template:右下角目录/styles.css" />
<div class="pd-long-toc-root">
<span id="pd-long-toc-close" class="pd-long-toc-close-target" aria-hidden="true"></span>
<div class="pd-long-toc-button">[[#pd-long-toc-panel|目录]]</div>
<div id="pd-long-toc-panel" class="pd-long-toc-panel">
<div class="pd-long-toc-backdrop">[[#pd-long-toc-close|关闭目录]]</div>
<div class="pd-long-toc-sheet">
<div class="pd-long-toc-header"><span class="pd-long-toc-heading">目录</span><span class="pd-long-toc-dismiss">[[#pd-long-toc-close|关闭]]</span></div>
<div class="pd-long-toc-list">
TOC
</div>
</div>
</div>
</div><noinclude>
<poem>
假如你觉得自己的目录长到甚至有点影响页面了，就大方使用这个目录模板吧！
用于长页面的自动目录。在需要目录的页面加入 <code>{{长目录}}</code>，这个模板将会取代原先的目录。
使用后会在页面右下角追加一个按钮，点击可以打开右侧目录抽屉。
手机模式下固定占右半屏，电脑则宽 320 像素。
点击章节会跳转并自动收起。

样式见 [[Template:右下角目录/styles.css]]。
</poem>
</noinclude>