Template:Tabs

此模板创意來自於加泰罗尼亚文維基百科（[1]）。

本模板默认使用黑色主题，如果不想要主题可以使用Template:tabs/core。

模板效果為分頁顯示，并使用了Extension:Loops。

在手機版支援分页显示。項目過多，標籤會溢出。

部分信息模板有增設加入Tabs的位置，查詢有增設的信息模板見：Special:链入页面，關於其具體調度方法，請查看對應的說明文檔。

另请注意，该模板在预览状态下的显示可能会出错（包括通过wikiplus的预览按钮与编辑页面的“预览”标签进行的预览），如果要预览该模板的实际显示效果，请通过编辑页面的“显示预览”（“保存更改”左侧）按钮来进行预览（此时若在“参数设置→编辑”中勾选了“显示预览而不重新加载页面”同样会发生错误）。

本模板里面直接使用维基表格会出现错误，出错原因是维基表格中的竖线|被错误识别，请使用{{!}}代替|，或者使用{{Wikitable}}制作表格。

用法

參數

x=數字1-∞

• 一般
  1. color=　，模板的色彩，只有七種顏色和一个默认主题：
     • green（綠色）
     • red（紅色）
     • blue（藍色）
     • yellow（黃色）
     • purple（紫色）
     • orange（橙色）
     • black（黑色，預設）
  2. DefaultTab：指定页面加载时显示第几个tab，默认值为1；
  3. LabelPadding：指定label的内边距，默认值为2px；
  4. LabelBorderColor：指定选中的label的侧边框颜色，默认值为#aaa；
  5. LabelBackgroundColor：指定选中的label的背景色，默认值为页面正文背景色；
  6. LabelColor：指定选中的label的顶边框颜色，默认值为green；
  7. TextBorderColor：指定显示的text的边框颜色，默认值为#aaa；
  8. TextBackgroundColor：指定显示的text的背景色，默认值为white；如果设置透明背景时用16进制颜色代码未能生效，可以采用rgba(R,G,B,alpha)。
  9. TextPadding：指定显示的text的内边距，不设置color时默认值为20px 30px，设置color时默认值为1em；
  10. AutoWidth：使tabs不再占满整行，如要启用必须传入【yes】值，默认值为no；
  11. float：使tabs不再占满整行的同时作左浮动或右浮动，如要启用必须传入【left】（左浮动）或【right】（右浮动）值，默认值为no；
  12. style：外框样式。
• 顯示內容
  • bt_x=　，填寫顯示的分頁名稱。(務必填寫)目前情况下（借助了对common.js页面的一次修正）如果bt项后不填写则会自动略过该分页，这一点可以用来进行一些特殊的页面实现，使用例参见Template:舰队Collection:画师信息。
  • bticon_x=　，分頁名稱左邊的標誌，可填寫文字或者圖片，預設為沒有標誌。圖片大小建議16px。若不使用，請不要使用這個參數。
  • tab_x=　，分頁的內容。
  • LabelSide：指定标签位置与标签顶边框位置（侧边框位置为顶边框两侧），可选值为top（默认值）、bottom、left、right；
  • LabelColorSideReverse：指定是否逆向设置标签顶边框位置（例如当标签位置在左侧left时标签顶边框在右侧，此时原位置也会被视为侧边框），值为1、on、yes、true时启用；
  • DividerSize：指定label与text的间隔，只接受正数，单位为，默认值为0（LabelColorSideReverse不为真值）、2（LabelColorSideReverse为真值）。

範例

一般使用

{{tabs
|color=green
|bt1=2019冠状病毒病疫情
|tab1=叮咚鸡、大狗叫、袋鼠鸡、猪示、见缸马
|bt2=说的道理
|tab2=otto、炫狗、山泥若、说的道理、栗子头、哇袄、棍母
|DefaultTab=1
}}

2019冠状病毒病疫情说的道理

叮咚鸡、大狗叫、袋鼠鸡、猪示、见缸马

otto、炫狗、山泥若、说的道理、栗子头、哇袄、棍母

多個項目

{{tabs
|color=green
|bt1=2005年
|bticon1=[[File:Turtle emoji.png|16px]]
|tab1=香港迪士尼成立
|bt2=2006年
|bticon2=[[File:Turtle emoji.png|16px]]
|tab2=国际天文联合会对行星进行重新定义
|bt3=2007年
|bticon3=[[File:Turtle emoji.png|16px]]
|tab3=苹果公司iPhone (第一代)推出
|bt4=2008年
|bticon4=[[File:Turtle emoji.png|16px]]
|tab4=次贷危机
|bt5=2009年
|bticon5=[[File:Turtle emoji.png|16px]]
|tab5=韩国赵斗淳事件
|bt6=2010年
|bticon6=[[File:Turtle emoji.png|16px]]
|tab6=2010年玉树地震
|bt7=2011年
|bticon7=[[File:Turtle emoji.png|16px]]
|tab7=朝鲜主体一百年
|bt8=2030年
|bticon8=[[File:Turtle emoji.png|16px]]
|tab8=<del>第三次世界大战</del>
|DefaultTab=4
}}

2005年2006年2007年2008年2009年2010年2011年2030年

香港迪士尼成立

国际天文联合会对行星进行重新定义

苹果公司iPhone (第一代)推出

次贷危机

韩国赵斗淳事件

2010年玉树地震

朝鲜主体一百年

第三次世界大战