“模板:Tabs”的版本间的差异
(创建页面,内容为“<includeonly><div class="Tabs {{{color|black}}}" data-label-side="{{#switch:{{{LabelSide|}}}|left|right|bottom|top={{{LabelSide|}}}|top}}" data-label-color-side-reve…”) |
小 (测试css) |
||
第1行: | 第1行: | ||
− | <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|}}}}}"}}>{{#forargs:tab | + | <includeonly><templatestyles src="Template:Tabs/tabs.css" /><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|}}}}}"}}>{{#forargs:tab |
| key | | key | ||
| val | | val |
2021年7月26日 (一) 15:36的版本
本模板默认使用黑色主题,如果不想要主题……那也是没有办法的。
模板效果為分頁顯示,并使用了Extension:Loops。
在移動版支援分页显示,iOS App支援,安卓App仅支持退化显示。項目過多,標籤會溢出。
部分信息模板有增設加入Tabs的位置,查詢有增設的信息模板見:Special:链入页面,關於其具體調度方法,請查看對應的說明文檔。
另请注意,该模板在预览状态下的显示可能会出错(包括通过wikiplus的预览按钮与编辑页面的“预览”标签进行的预览),如果要预览该模板的实际显示效果,请通过编辑页面的“显示预览”(“保存更改”左侧)按钮来进行预览。
本模板里面直接使用维基表格会出现错误,出错原因是维基表格中的竖线|
被错误识别,请使用{{!}}
代替|
。
用法
參數
x=數字1-∞
- 一般
- 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
; - TextPadding:指定显示的text的内边距,默认值为
1em 1em
; - AutoWidth:使tabs不再占满整行,如要启用必须传入【yes】值,默认值为
no
; - float:使tabs不再占满整行的同时作左浮动或右浮动,如要启用必须传入【left】(左浮动)或【right】(右浮动)值,默认值为
no
。
- color= ,模板的色彩,只有七種顏色和一个默认主题:
- 顯示內容
- btx= ,填寫顯示的分頁名稱。
(務必填寫)目前情况下(借助了对common.js页面的一次修正)如果bt项后不填写则会自动略过该分页,这一点可以用来进行一些特殊的页面实现。 - bticonx= ,分頁名稱左邊的標誌,可填寫文字或者圖片,預設為沒有標誌。圖片大小建議16px。若不使用,請不要使用這個參數。
- tabx= ,分頁的內容。
- LabelSide:指定标签位置与标签顶边框位置(侧边框位置为顶边框两侧),可选值为
top
(默认值)、bottom
、left
、right
; - LabelColorSideReverse:指定是否逆向设置标签顶边框位置(例如当标签位置在左侧
lefet
时标签顶边框在右侧,此时原位置也会被视为侧边框),值为1
、on
、yes
、true
时启用; - DividerSize:指定label与text的间隔,只接受正数,单位为
,默认值为
0
(LabelColorSideReverse
不为真值)、2
(LabelColorSideReverse
为真值)。
- btx= ,填寫顯示的分頁名稱。
范例
{{tabs |color=green |bt1=选项1 |tab1=AAAAAAAAAAAAAAAAAAAAAAAA |bt2=选项2 |tab2=BBBBBBBBBBBBBBBBBBBBBBBB |DefaultTab=1 }}
选项1
AAAAAAAAAAAAAAAAAAAAAAAA
选项2
BBBBBBBBBBBBBBBBBBBBBBBB