模板:Tabs/收纳表/doc：修订间差异

跳到导航 跳到搜索

模板:Tabs/收纳表/doc (查看源代码)

2022年6月30日 (四) 13:30的版本

删除3,321字节 、​ 2022年6月30日 (星期四)
无编辑摘要
小 （修改）
无编辑摘要
第15行： 第15行：
{|class="wikitable"
{|class="wikitable"
|+模版参数
|+模版参数
! 参数名 !! 默认值 !! 解释
! 参数名 !! 旧名/别名 !! 解释
|-
|-
| <code>selectHeight</code> || 无 || 选择栏的最大高度，如100px。若有设置而内容太长挤不进去，则右方会多一个滚动条
| <code>(style)</code> || 无 || 整体框架的 css style。也可以加入 class
|-
|-
| <code>textHeight  </code> || 无 || 内容框的高度，如10em。同上。
| <code>stab(style)</code> || select(style) || 选择栏的 css style。也可以加入 class
|-
|-
| <code>selectWidth </code> || 无 || 选择栏的宽度，如50%。若有设置而内容太长挤不进去，则下方会多一个滚动条
| <code>ctab(style)</code> || text(style) || 内容框的 css style。也可以加入 class
|-
|-
| <code>textWidth  </code> || 无 || 内容框的宽度，如75ch。同上。
| <code>sitm(style) </code> || 无 || 选择栏的 css style。也可以加入 class
|-
|-
| <code>splitCount  </code> || 5  || 每行共有几个物件
| <code>citm(style) </code> || 无 || 内容框的 css style。也可以加入 class
|-
|-
| <code>textDisplay </code> ||down
| <code>splitCount  </code> || 无 || 预设5。选择栏每行共有几个物件
|内容相对于选择栏的位置，可输入
|-
| <code>textDisplay </code> || 无
|预设down。内容相对于选择栏的位置，可输入
* top(内容在选择栏上)
* top(内容在选择栏上)
* down(内容在选择栏下)
* down(内容在选择栏下)
第42行： 第44行：




===范例 1 - 基础===
 
===范例 - 基础、顺序不影响===
<pre>
<pre>
{{Tabs/收纳表
{{Tabs/收纳表
|tab1 = 选择1
|tab1 = 选择1
|tab2 = 选择2
|tab2 = 选择2
|tab10086 = 选择5
|tab3 = 选择3
|tab3 = 选择3
|tab1337 = 选择4
|content10086 = 内容5
|content1 = 内容1
|content1 = 内容1
|content2 = 内容2
|content2 = 内容2
|content1337 = 内容4
|content3 = 内容3
|content3 = 内容3
}}
}}
第56行： 第63行：
|tab1 = 选择1
|tab1 = 选择1
|tab2 = 选择2
|tab2 = 选择2
|tab10086 = 选择5
|tab3 = 选择3
|tab3 = 选择3
|tab1337 = 选择4
|content10086 = 内容5
|content1 = 内容1
|content1 = 内容1
|content2 = 内容2
|content2 = 内容2
|content1337 = 内容4
|content3 = 内容3
|content3 = 内容3
}}
}}
<hr>
<hr>


===范例 2 - 编号不必连续、参数顺序不影响显示===
<pre>
{{Tabs/收纳表
|tab0 = 第一个显示的选择
|tab10086 = 第三个显示的选择
|tab1555 = 第二个显示的选择
|content10086 = 第三个显示的内容
|content0 = 第一个显示的内容
|content1555 = 第二个显示的内容
}}
</pre>
{{Tabs/收纳表
|tab0 = 第一个显示的选择
|tab10086 = 第三个显示的选择
|tab1555 = 第二个显示的选择
|content10086 = 第三个显示的内容
|content0 = 第一个显示的内容
|content1555 = 第二个显示的内容
}}
<hr>




===范例 3 - 可拉动式收纳表范例===
===范例 - 侧边收纳表===
<pre>
<pre>
{{Tabs/收纳表
{{Tabs/收纳表
第180行： 第170行：
——最近正试图从鸦片战争中拯救大清的H君
——最近正试图从鸦片战争中拯救大清的H君


|content8=Nunc nec porttitor leo. Curabitur ut molestie erat. Curabitur tristique sem eu justo commodo consectetur. Nam ornare posuere magna vitae finibus. In facilisis convallis elit, vitae pharetra quam finibus eu. Mauris ut ultrices quam, id vestibulum lacus. Sed euismod ac risus sed tempus. Etiam nec vulputate sem. Donec vehicula arcu vitae nisl rhoncus laoreet. Donec imperdiet porttitor mi, nec consectetur ligula lacinia vitae. Aliquam malesuada auctor velit eu condimentum.
|content8=Nunc nec porttitor leo.  
|content9=Nullam sit amet dui nulla. Praesent in mi sollicitudin, posuere lectus at, fermentum tortor. Nam id enim malesuada, ultricies justo id, dictum lacus. Curabitur consequat elementum nisi, vel consequat felis aliquam sit amet. Duis tellus libero, interdum a orci a, faucibus posuere lorem. Maecenas varius congue tellus sit amet mattis. Proin quis urna dapibus nisl semper varius ac sit amet ante. Proin non mauris sit amet neque placerat semper. Fusce ut libero sem. Nam venenatis neque sit amet velit rhoncus, pulvinar lobortis neque maximus. Etiam rutrum urna at libero dignissim condimentum. Etiam scelerisque lectus erat, ut semper ipsum varius et. Aliquam luctus libero in mi tincidunt, in varius eros ornare.
|content9=Nullam sit amet dui nulla.
|content10=Integer pulvinar diam quis lorem mattis convallis. Vivamus vel ipsum ac neque facilisis volutpat nec placerat velit. Nullam consectetur sapien non odio mattis sollicitudin. Cras nulla neque, consectetur et metus ut, condimentum tristique justo. Etiam bibendum quam a tellus tempus, id consectetur ante gravida. Vestibulum placerat iaculis est in blandit. Donec tempor ultrices libero nec euismod. Praesent nec tellus dolor. Morbi quis purus rhoncus quam semper eleifend laoreet eu nisl.
|content10=Integer pulvinar diam quis lorem mattis convallis.
|content11=Suspendisse consequat interdum mi, id eleifend urna elementum nec. Sed placerat ac arcu id mollis. Cras lobortis pharetra elit, vel facilisis enim tempus et. Nam mattis nibh quis mattis efficitur. Aenean lorem nisl, semper eu massa a, eleifend scelerisque ante. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque sem nisl, suscipit ac purus eu, tincidunt porta libero. Sed augue ipsum, pharetra non tellus volutpat, consectetur sodales sem. Etiam nibh diam, tempor ac volutpat at, blandit id mauris. Donec malesuada rhoncus risus nec elementum.
|content11=Suspendisse consequat interdum mi, id eleifend urna elementum nec.  
|content12=Suspendisse vitae turpis quis velit vulputate consectetur eget et mauris. Proin tempor dui nec neque blandit vulputate. Vivamus ac enim in ex fringilla commodo. Mauris interdum dictum erat, pellentesque congue tortor facilisis vitae. Donec congue dui ut elit consectetur euismod. Quisque massa diam, auctor vel efficitur et, gravida a lacus. Aliquam erat volutpat. Quisque et eros metus. Cras turpis elit, aliquam sit amet leo dapibus, condimentum scelerisque metus. Sed et odio tincidunt, lacinia ipsum vel, porta nibh.
|content12=Suspendisse vitae turpis quis velit vulputate consectetur eget et mauris.  
|content13=Ut a mauris faucibus, aliquet ipsum in, maximus ligula. Phasellus id tortor rhoncus ante malesuada commodo. Phasellus nec nibh posuere, vehicula ipsum a, consequat quam. Suspendisse tempus nibh odio, a ultrices quam eleifend at. Praesent tempor, dolor vitae aliquet pharetra, magna nisl rutrum augue, vel eleifend mi sem vitae orci. Quisque et mollis elit. Proin elementum turpis dui. Nullam id lorem elit
|content13=Ut a mauris faucibus, aliquet ipsum in, maximus ligula.
|content14=Donec orci ipsum, aliquam quis venenatis nec, tristique vitae diam. Maecenas posuere felis et orci ultrices, a varius metus pellentesque. Nunc convallis in arcu vitae ultrices. Maecenas velit turpis, aliquet eget est in, ultricies gravida orci. Phasellus quis turpis sed ex bibendum elementum quis non enim. Praesent sit amet dolor libero. Suspendisse dui massa, molestie non tellus ac, dictum egestas massa. Duis condimentum euismod urna, et efficitur felis condimentum eget. Integer finibus, diam vel cursus consequat, lacus sem sodales ipsum, in tincidunt velit sem quis ex. Nullam id sem lacinia, dignissim diam non, suscipit metus. Aliquam volutpat tempor pharetra.
|content14=Donec orci ipsum, aliquam quis venenatis nec, tristique vitae diam.
|content15=Maecenas ac mattis libero, ut suscipit nulla. Praesent id fermentum nulla. Curabitur ut viverra leo, tincidunt venenatis odio. Ut vulputate nisi non diam interdum convallis. Morbi eget porta leo. Vestibulum ut mattis ipsum, quis eleifend justo. Proin quis semper tortor. Nullam semper ullamcorper lacus. Sed a euismod neque. Suspendisse potenti. Donec dictum dolor sed tortor placerat, sollicitudin venenatis dolor gravida. Curabitur ornare condimentum mauris, et interdum sapien. Donec id dolor eget nunc tincidunt euismod at in erat. Curabitur consectetur arcu at ullamcorper semper.
|content15=Maecenas ac mattis libero, ut suscipit nulla.
}}
<hr>
 
 
 
===范例 - CSS Styles===
<pre>
{{Tabs/收纳表
|background-color = darkgray
|border-radius = 3vmin
|width = min(800px, 95%)
|margin = 2%
 
|stabbackground-color = skyblue
|stabtext-align = center
 
|sitmcolor = darkorchid
|sitmfont-weight = 500
|sitmfont-size = clamp(16px, 3vmax, 24px)
 
|ctabbackground-color = #ffede0
|citmfont-size = clamp(16px, 3vmax, 24px)
 
|tab1 = 选择1
|tab2 = 选择2
|tab3 = 选择3
|tab4 = 选择4
|tab5 = 选择5
|content1 = 内容1
|content2 = 内容2
|content3 = 内容3
|content4 = 内容4
|content5 = 内容5
}}
}}
}}
</pre>
{{Tabs/收纳表
|background-color = darkgray
|border-radius = 3vmin
|width = min(800px, 95%)
|margin = 2%
|stabbackground-color = skyblue
|stabtext-align = center


|sitmcolor = darkorchid
|sitmfont-weight = 500
|sitmfont-size = clamp(16px, 3vmax, 24px)
|ctabbackground-color = #ffede0
|citmfont-size = clamp(16px, 3vmax, 24px)
|tab1 = 选择1
|tab2 = 选择2
|tab3 = 选择3
|tab4 = 选择4
|tab5 = 选择5
|content1 = 内容1
|content2 = 内容2
|content3 = 内容3
|content4 = 内容4
|content5 = 内容5
}}
<noinclude>[[分类:功能模板]]</noinclude>
<noinclude>[[分类:功能模板]]</noinclude>
取自“https://wiki.sstmlt.com/wiki/特殊:移动版差异/14409”

导航菜单