Template:Tabs:修订间差异
模板页面
更多操作
无编辑摘要 |
标签:回退 |
||
| 第1行: | 第1行: | ||
<includeonly>{{# | <includeonly><div class="Tabs {{{color|black}}}" data-label-side="{{#switch:{{{LabelSide|}}}|left|right|bottom|top={{{LabelSide|}}}|top}}" data-label-color-side-reverse="{{{LabelColorSideReverse|}}}" data-divider-size="{{{DividerSize|}}}" {{#if:{{{style|}}}|style="{{{style|}}}"}} {{#if:{{{DefaultTab|}}}|data-default-tab="{{{DefaultTab|}}}"|}} {{#if:{{{LabelPadding|}}}|data-label-padding="{{{LabelPadding|}}}"|}} {{#if:{{{LabelBorderColor|}}}|data-label-border-color="{{{LabelBorderColor|}}}"|}} {{#if:{{{LabelColor|}}}|data-label-color="{{{LabelColor|}}}"|}} {{#if:{{{TextBorderColor|}}}|data-text-border-color="{{{TextBorderColor|}}}"|}} {{#if:{{{TextPadding|}}}|data-text-padding="{{{TextPadding|}}}"|}} {{#ifeq:{{{AutoWidth|}}}|yes|data-auto-width="yes"}} {{#if:{{{LabelBackgroundColor|}}}|data-label-background-color="{{{LabelBackgroundColor|}}}"|}} {{#if:{{{TextBackgroundColor|}}}|data-text-background-color="{{{TextBackgroundColor|}}}"|}} {{#switch:{{#if:{{{Float|}}}|{{{Float|}}}|{{{float|}}}}}|left|right=data-float="{{#if:{{{Float|}}}|{{{Float|}}}|{{{float|}}}}}"}}>{{#if:{{{tab1|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon1|}}}{{{bt1|}}}</div><div class="TabContentText"> | ||
{{{tab1|}}}</div></div> | |||
}}{{#if:{{{tab2|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon2|}}}{{{bt2|}}}</div><div class="TabContentText"> | |||
{{{tab2|}}}</div></div> | |||
}}{{#if:{{{tab3|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon3|}}}{{{bt3|}}}</div><div class="TabContentText"> | |||
{{{tab3|}}}</div></div> | |||
}}{{#if:{{{tab4|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon4|}}}{{{bt4|}}}</div><div class="TabContentText"> | |||
{{{tab4|}}}</div></div> | |||
}}{{#if:{{{tab5|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon5|}}}{{{bt5|}}}</div><div class="TabContentText"> | |||
{{{tab5|}}}</div></div> | |||
}}{{#if:{{{tab6|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon6|}}}{{{bt6|}}}</div><div class="TabContentText"> | |||
{{{tab6|}}}</div></div> | |||
}}{{#if:{{{tab7|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon7|}}}{{{bt7|}}}</div><div class="TabContentText"> | |||
{{{tab7|}}}</div></div> | |||
}}{{#if:{{{tab8|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon8|}}}{{{bt8|}}}</div><div class="TabContentText"> | |||
{{{tab8|}}}</div></div> | |||
}}{{#if:{{{tab9|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon9|}}}{{{bt9|}}}</div><div class="TabContentText"> | |||
{{{tab9|}}}</div></div> | |||
}}{{#if:{{{tab10|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon10|}}}{{{bt10|}}}</div><div class="TabContentText"> | |||
{{{tab10|}}}</div></div> | |||
}}{{#if:{{{tab11|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon11|}}}{{{bt11|}}}</div><div class="TabContentText"> | |||
{{{tab11|}}}</div></div> | |||
}}{{#if:{{{tab12|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon12|}}}{{{bt12|}}}</div><div class="TabContentText"> | |||
{{{tab12|}}}</div></div> | |||
}}{{#if:{{{tab13|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon13|}}}{{{bt13|}}}</div><div class="TabContentText"> | |||
{{{tab13|}}}</div></div> | |||
}}{{#if:{{{tab14|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon14|}}}{{{bt14|}}}</div><div class="TabContentText"> | |||
{{{tab14|}}}</div></div> | |||
}}{{#if:{{{tab15|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon15|}}}{{{bt15|}}}</div><div class="TabContentText"> | |||
{{{tab15|}}}</div></div> | |||
}}{{#if:{{{tab16|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon16|}}}{{{bt16|}}}</div><div class="TabContentText"> | |||
{{{tab16|}}}</div></div> | |||
}}{{#if:{{{tab17|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon17|}}}{{{bt17|}}}</div><div class="TabContentText"> | |||
{{{tab17|}}}</div></div> | |||
}}{{#if:{{{tab18|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon18|}}}{{{bt18|}}}</div><div class="TabContentText"> | |||
{{{tab18|}}}</div></div> | |||
}}{{#if:{{{tab19|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon19|}}}{{{bt19|}}}</div><div class="TabContentText"> | |||
{{{tab19|}}}</div></div> | |||
}}{{#if:{{{tab20|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon20|}}}{{{bt20|}}}</div><div class="TabContentText"> | |||
{{{tab20|}}}</div></div> | |||
}}{{#if:{{{tab21|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon21|}}}{{{bt21|}}}</div><div class="TabContentText"> | |||
{{{tab21|}}}</div></div> | |||
}}{{#if:{{{tab22|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon22|}}}{{{bt22|}}}</div><div class="TabContentText"> | |||
{{{tab22|}}}</div></div> | |||
}}{{#if:{{{tab23|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon23|}}}{{{bt23|}}}</div><div class="TabContentText"> | |||
{{{tab23|}}}</div></div> | |||
}}{{#if:{{{tab24|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon24|}}}{{{bt24|}}}</div><div class="TabContentText"> | |||
{{{tab24|}}}</div></div> | |||
}}{{#if:{{{tab25|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon25|}}}{{{bt25|}}}</div><div class="TabContentText"> | |||
{{{tab25|}}}</div></div> | |||
}}{{#if:{{{tab26|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon26|}}}{{{bt26|}}}</div><div class="TabContentText"> | |||
{{{tab26|}}}</div></div> | |||
}}{{#if:{{{tab27|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon27|}}}{{{bt27|}}}</div><div class="TabContentText"> | |||
{{{tab27|}}}</div></div> | |||
}}{{#if:{{{tab28|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon28|}}}{{{bt28|}}}</div><div class="TabContentText"> | |||
{{{tab28|}}}</div></div> | |||
}}{{#if:{{{tab29|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon29|}}}{{{bt29|}}}</div><div class="TabContentText"> | |||
{{{tab29|}}}</div></div> | |||
}}{{#if:{{{tab30|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon30|}}}{{{bt30|}}}</div><div class="TabContentText"> | |||
{{{tab30|}}}</div></div> | |||
}}{{#if:{{{tab31|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon31|}}}{{{bt31|}}}</div><div class="TabContentText"> | |||
{{{tab31|}}}</div></div> | |||
}}{{#if:{{{tab32|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon32|}}}{{{bt32|}}}</div><div class="TabContentText"> | |||
{{{tab32|}}}</div></div> | |||
}}{{#if:{{{tab33|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon33|}}}{{{bt33|}}}</div><div class="TabContentText"> | |||
{{{tab33|}}}</div></div> | |||
}}{{#if:{{{tab34|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon34|}}}{{{bt34|}}}</div><div class="TabContentText"> | |||
{{{tab34|}}}</div></div> | |||
}}{{#if:{{{tab35|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon35|}}}{{{bt35|}}}</div><div class="TabContentText"> | |||
{{{tab35|}}}</div></div> | |||
}}{{#if:{{{tab36|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon36|}}}{{{bt36|}}}</div><div class="TabContentText"> | |||
{{{tab36|}}}</div></div> | |||
}}{{#if:{{{tab37|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon37|}}}{{{bt37|}}}</div><div class="TabContentText"> | |||
{{{tab37|}}}</div></div> | |||
}}{{#if:{{{tab38|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon38|}}}{{{bt38|}}}</div><div class="TabContentText"> | |||
{{{tab38|}}}</div></div> | |||
}}{{#if:{{{tab39|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon39|}}}{{{bt39|}}}</div><div class="TabContentText"> | |||
{{{tab39|}}}</div></div> | |||
}}{{#if:{{{tab40|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon40|}}}{{{bt40|}}}</div><div class="TabContentText"> | |||
{{{tab40|}}}</div></div> | |||
}}{{#if:{{{tab41|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon41|}}}{{{bt41|}}}</div><div class="TabContentText"> | |||
{{{tab41|}}}</div></div> | |||
}}{{#if:{{{tab42|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon42|}}}{{{bt42|}}}</div><div class="TabContentText"> | |||
{{{tab42|}}}</div></div> | |||
}}{{#if:{{{tab43|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon43|}}}{{{bt43|}}}</div><div class="TabContentText"> | |||
{{{tab43|}}}</div></div> | |||
}}{{#if:{{{tab44|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon44|}}}{{{bt44|}}}</div><div class="TabContentText"> | |||
{{{tab44|}}}</div></div> | |||
}}{{#if:{{{tab45|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon45|}}}{{{bt45|}}}</div><div class="TabContentText"> | |||
{{{tab45|}}}</div></div> | |||
}}{{#if:{{{tab46|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon46|}}}{{{bt46|}}}</div><div class="TabContentText"> | |||
{{{tab46|}}}</div></div> | |||
}}{{#if:{{{tab47|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon47|}}}{{{bt47|}}}</div><div class="TabContentText"> | |||
{{{tab47|}}}</div></div> | |||
}}{{#if:{{{tab48|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon48|}}}{{{bt48|}}}</div><div class="TabContentText"> | |||
{{{tab48|}}}</div></div> | |||
}}{{#if:{{{tab49|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon49|}}}{{{bt49|}}}</div><div class="TabContentText"> | |||
{{{tab49|}}}</div></div> | |||
}}{{#if:{{{tab50|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon50|}}}{{{bt50|}}}</div><div class="TabContentText"> | |||
{{{tab50|}}}</div></div> | |||
}} | |||
</div></includeonly><noinclude> | |||
{{documentation}}</noinclude> | |||
2026年5月20日 (三) 08:19的最新版本
这个文档嵌入自Template:Tabs/doc。
本模板默认使用黑色主题,如果需要自定义主题可以使用{{Tabs/core}}。
模板效果为分页显示。
在手机版支持分页显示,安卓App仅支持退化显示。项目过多,标签会溢出。
部分信息模板有增设加入Tabs的位置,关于其具体调度方法,请查看对应的说明文档。
另请注意,该模板在预览状态下的显示可能会出错(包括通过wikiplus的预览按钮与编辑页面的“预览”标签进行的预览),如果要预览该模板的实际显示效果,请通过编辑页面的“显示预览”(“保存更改”左侧)按钮来进行预览(此时若在“参数设置→编辑”中勾选了“显示预览而不重新加载页面”同样会发生错误)。
本模板里面直接使用原始表格代码会出现错误。请使用{{Table}}等方式制作表格。
由于原模板对JavaScript依赖甚重,且在移动端及noscript退化表现欠佳,已依照渐进表现的思路被重写。
用法
参数
x=数字1-50
- 一般
- color= ,模板的色彩,只有七种颜色和一个默认主题:
- green(绿色)
- red(红色)
- blue(蓝色)
- yellow(黄色)
- purple(紫色)
- orange(橙色)
- black(黑色,预设)
- DefaultTab:指定页面加载时显示第几个tab,默认值为
1; - LabelPadding:指定label的内边距,默认值为
2px; - LabelBorderColor:指定选中的label的侧边框颜色,默认值为
#aaa; - LabelBackgroundColor:指定选中的label的背景色,默认值为页面正文背景色;
- LabelColor:指定选中的label的顶边框颜色,默认值为
green; - TextBorderColor:指定显示的text的边框颜色,默认值为
#aaa; - TextBackgroundColor:指定显示的text的背景色,默认值为
white;如果设置透明背景时用16进制颜色代码未能生效,可以采用rgba(R,G,B,alpha)。 - TextPadding:指定显示的text的内边距,不设置
color时默认值为20px 30px,设置color时默认值为1em; - AutoWidth:使tabs不再占满整行,如要启用必须传入【yes】值,默认值为
no; - float:使tabs不再占满整行的同时作左浮动或右浮动,如要启用必须传入【left】(左浮动)或【right】(右浮动)值,默认值为
no; - style:外框样式。
- color= ,模板的色彩,只有七种颜色和一个默认主题:
- 显示内容
- btx= ,填写显示的分页名称。
(务必填写)目前情况下(借助了对common.js页面的一次修正)如果bt项后不填写则会自动略过该分页,这一点可以用来进行一些特殊的页面实现。 - bticonx= ,分页名称左边的标志,可填写文字或者图片,预设为没有标志。图片大小建议16px。若不使用,请不要使用这个参数。
- tabx= ,分页的内容。
- LabelSide:指定标签位置与标签顶边框位置(侧边框位置为顶边框两侧),可选值为
top(默认值)、bottom、left、right; - LabelColorSideReverse:指定是否逆向设置标签顶边框位置(例如当标签位置在左侧
left时标签顶边框在右侧,此时原位置也会被视为侧边框),值为1、on、yes、true时启用; - DividerSize:指定label与text的间隔,只接受正数,单位为
px,默认值为0(LabelColorSideReverse不为真值)、2(LabelColorSideReverse为真值)。
- btx= ,填写显示的分页名称。
范例
一般使用
{{tabs
|color=green
|bt1=cosMo作品
|tab1={{暴走P}}
|bt2=ryo作品
|tab2={{ryo}}
|DefaultTab=1
}}
cosMo作品
暴走P
ryo作品
ryo
多个项目
{{tabs
|color=green
|bt1=中国2005年动画
|bticon1=[[File:Moegirl_is_watching_you.jpg|16px]]
|tab1={{中国2005年动画}}
|bt2=中国2006年动画
|bticon2=[[File:Moegirl_is_watching_you.jpg|16px]]
|tab2={{中国2006年动画}}
|bt3=中国2007年动画
|bticon3=[[File:Moegirl_is_watching_you.jpg|16px]]
|tab3={{中国2007年动画}}
|bt4=中国2008年动画
|bticon4=[[File:Moegirl_is_watching_you.jpg|16px]]
|tab4={{中国2008年动画}}
|bt5=中国2009年动画
|bticon5=[[File:Moegirl_is_watching_you.jpg|16px]]
|tab5={{中国2009年动画}}
|bt6=中国2010年动画
|bticon6=[[File:Moegirl_is_watching_you.jpg|16px]]
|tab6={{中国2010年动画}}
|bt7=中国2011年动画
|bticon7=[[File:Moegirl_is_watching_you.jpg|16px]]
|tab7={{中国2011年动画}}
|bt8=中国电影金鸡奖最佳美术片
|bticon8=[[File:Moegirl_is_watching_you.jpg|16px]]
|tab8={{中国电影金鸡奖最佳美术片}}
|DefaultTab=4
}}