Template:Tabs/core/doc
The idea of this template comes from the Catalan Wikipedia ([1]), because the original template relies heavily on js, and it has poor performance on mobile terminals and noscript degradation Jia, has been rewritten along the lines of progressive performance.
This template does not use the theme by default. If you want the default black theme, you can use Template:tabs.
The template effect is displayed in pagination and uses Extension:Loops.
The mobile version supports tabbed display, iOS App supports it, and Android App only supports degraded display. Too many items and the label overflows.
Some information templates have additional locations for adding tabs. For information about additional information templates, see: Special:linking page , for its specific scheduling method, please check the corresponding documentation.
Please also note that the display of the template in the preview state may be wrong (including the preview through the preview button of wikiplus and the "Preview" tab of the editing page). If you want to preview the actual display effect of the template, please pass the editing page Show Preview (to the left of Save changes) button to preview.
There will be an error when using the wiki table directly in this template. The reason for the error is that the symbol with | in the wiki table is incorrectly recognized. Please use the replacement template in the table below to replace it.
| ||||||||||||||||||||
Parameter list
| Parameter name | Introduction |
|---|---|
| Theme | Built-in theme styles:
|
| style | Additional CSS styles applied to the outer layer; |
| DefaultTab | Specify the number of tabs displayed when the page loads, the default value is 1;
|
| LabelPadding | Specify the padding of the label, the default value is 2px;
|
| LabelBorderColor | Specify the side border color of the selected label, the default value is #aaa;
|
| LabelBackgroundColor | Specify the background color of the selected label, the default value is the background color of the page body; |
| LabelColor | Specify the top border color of the selected label, the default value is green;
|
| TextBorderColor | Specify the border color of the displayed text, the default value is #aaa;
|
| TextBackgroundColor | Specifies the background color of the displayed text, the default value is white;
|
| TextPadding | Specifies the padding of the displayed text, the default value is 20px 30px;
|
| AutoWidth | Make tabs no longer occupy the entire line, If you want to enable it, you must pass in the value of [yes], the default value is no;
|
| Float | Make tabs float left or right while not occupying the entire line, If you want to enable it, you must pass in [left] (floating left) or [right] (floating right) value, the default value is no;
|
| LabelSide | Specify the label position and the label top border position (the side border position is the two sides of the top border), the optional values are top (default value), bottom, left , right;
|
| LabelColorSideReverse | Specifies whether to set the label top border position in reverse (for example, when the label position is on the left left, the label top border is on the right, and the original position will also be regarded as a side border), the value is 1, on, yes, true enabled;
|
| DividerSize | Specify the interval between label and text, only positive numbers are accepted, the unit is 0 (LabelColorSideReverse is not true), < code>2 (LabelColorSideReverse is true).
|
| label[serial number] | Annotation for the [serial number] tag. Please use consecutive numbers starting from 1. |
| text[serial number] | Contents of the [sequence number] tag. Please use consecutive numbers starting from 1. |
An example
{{tabs/core
|label1=Label 1
|text1=Text1
|label2=Label 2
|text2=[[File:49755740_p0.jpg]]
|label3=Label 3
|text3={{Eustia}}
|DefaultTab=2
|LabelPadding=1em
|LabelBorderColor=black
|LabelColor=blue
|TextPadding=1.5em
|TextBorderColor=black
|AutoWidth=yes}}
Another example
{{tabs/core
|label1=I am CC1
|text1=[[File:炎夏型乌莎哈5.png]]
|label2=WO is CC2
|text2=[[File:炎夏型乌莎哈6.png]]
|label3=wo's cc3
|text3=[[File:炎夏型乌莎哈5.png]]
|LabelSide=left
|LabelColorSideReverse=true
|LabelBorderColor=#3366DD
|LabelColor=#3366DD
|LabelBackgroundColor=#3366DD
|LabelPadding=0.5em
|TextBorderColor=transparent
|TextPadding=0
|AutoWidth=yes}}
