“模板:Tabs”的版本间的差异

来自萌娘文库
跳转至: 导航搜索
(测试css)
(撤销Silagence讨论)的版本24731 无意义,似乎需要js支持……)
1个标签撤销
 
第1行: 第1行:
<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
+
<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
 
| key
 
| key
 
| val
 
| val

2021年7月26日 (一) 16:28的最新版本

Template-info.svg 模板文档  [查看] [编辑] [历史] [刷新]

本模板默认使用黑色主题,如果不想要主题……那也是没有办法的。

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

在移動版支援分页显示,iOS App支援,安卓App仅支持退化显示。項目過多,標籤會溢出。

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

另请注意,该模板在预览状态下的显示可能会出错(包括通过wikiplus的预览按钮与编辑页面的“预览”标签进行的预览),如果要预览该模板的实际显示效果,请通过编辑页面的“显示预览”(“保存更改”左侧)按钮来进行预览。

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

用法

參數

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
    9. TextPadding:指定显示的text的内边距,默认值为1em 1em
    10. AutoWidth:使tabs不再占满整行,如要启用必须传入【yes】值,默认值为no
    11. float:使tabs不再占满整行的同时作左浮动或右浮动,如要启用必须传入【left】(左浮动)或【right】(右浮动)值,默认值为no
  • 顯示內容
    • btx= ,填寫顯示的分頁名稱。(務必填寫)目前情况下(借助了对common.js页面的一次修正)如果bt项后不填写则会自动略过该分页,这一点可以用来进行一些特殊的页面实现。
    • bticonx= ,分頁名稱左邊的標誌,可填寫文字或者圖片,預設為沒有標誌。圖片大小建議16px。若不使用,請不要使用這個參數。
    • tabx= ,分頁的內容。
    • LabelSide:指定标签位置与标签顶边框位置(侧边框位置为顶边框两侧),可选值为top(默认值)、bottomleftright
    • LabelColorSideReverse:指定是否逆向设置标签顶边框位置(例如当标签位置在左侧lefet时标签顶边框在右侧,此时原位置也会被视为侧边框),值为1onyestrue时启用;
    • DividerSize:指定label与text的间隔,只接受正数,单位为,默认值为0LabelColorSideReverse不为真值)、2LabelColorSideReverse为真值)。

范例

{{tabs
|color=green
|bt1=选项1
|tab1=AAAAAAAAAAAAAAAAAAAAAAAA
|bt2=选项2
|tab2=BBBBBBBBBBBBBBBBBBBBBBBB
|DefaultTab=1
}}
选项1
AAAAAAAAAAAAAAAAAAAAAAAA
选项2
BBBBBBBBBBBBBBBBBBBBBBBB