个人工具

模板:Quarter

出自Meshal Lite

跳转到: 导航, 搜索
第1行: 第1行:
<includeonly>{{#vardefine: iconSymbol|{{{1|{{{preset|}}}}}}
+
<includeonly>{{#vardefine: iconSymbol|{{{2|{{{preset|}}}}}}
 
|quest=quest
 
|quest=quest
 
|info=info
 
|info=info
第6行: 第6行:
 
|secret=secret
 
|secret=secret
 
|treasure=treasure
 
|treasure=treasure
|#default=info}}{{#vardefine: indent|{{{indent|0}}}||0|{{{indent|0}}}}}{{#vardefine: contentTextColor|{{#switch: {{{1|{{{preset|}}}}}}
+
|#default=info}}{{#vardefine: indent|{{{indent|0}}}||0|{{{indent|0}}}}}{{#vardefine: contentTextColor|{{#switch: {{{2|{{{preset|}}}}}}
 
|quest=inherit
 
|quest=inherit
 
|info=inherit
 
|info=inherit
第13行: 第13行:
 
|secret=rgb(238, 238, 238)
 
|secret=rgb(238, 238, 238)
 
|treasure=inherit
 
|treasure=inherit
|#default=inherit}}}}{{#vardefine: contentBgColor|{{#switch: {{{1|{{{preset|}}}}}}
+
|#default=inherit}}}}{{#vardefine: contentBgColor|{{#switch: {{{2|{{{preset|}}}}}}
 
|quest=rgb(240, 243, 246)
 
|quest=rgb(240, 243, 246)
 
|info=rgb(246, 241, 231)
 
|info=rgb(246, 241, 231)
第20行: 第20行:
 
|secret=rgb(81, 64, 71)
 
|secret=rgb(81, 64, 71)
 
|treasure=rgb(227,231,244)
 
|treasure=rgb(227,231,244)
|#default=rgb(242,242,242)}}}}{{#vardefine: headerBgColor|{{#switch: {{{1|{{{preset|}}}}}}
+
|#default=rgb(242,242,242)}}}}{{#vardefine: borderColor|{{#switch: {{{2|{{{preset|}}}}}}
 
|quest=rgb(228, 236, 242)
 
|quest=rgb(228, 236, 242)
 
|info=rgb(233, 215, 210)
 
|info=rgb(233, 215, 210)
第27行: 第27行:
 
|secret=rgb(76, 61, 75)
 
|secret=rgb(76, 61, 75)
 
|treasure=rgb(82,83,136)
 
|treasure=rgb(82,83,136)
|#default=rgb(116,125,130)}}}}<div class="quarter" style="background-color: {{{contentBgColor |{{#var: contentBgColor}}}}}; border-color: {{{headerBgColor |{{#var: headerBgColor}}}}};width: calc(100% - 1em - {{#var:indent}}em); margin-left: calc(.5em + {{#var:indent}}em);">
+
|#default=rgb(116,125,130)}}}}<div class="quarter" style="background-color: {{{contentBgColor |{{#var: contentBgColor}}}}}; border-color: {{{borderColor |{{#var: borderColor}}}}};width: calc(100% - 1em - {{#var:indent}}em); margin-left: calc(.5em + {{#var:indent}}em);">
 
{|
 
{|
 
|style="font-size:1.5em; padding: 8px;"|{{symbol|{{#var:iconSymbol}}}}
 
|style="font-size:1.5em; padding: 8px;"|{{symbol|{{#var:iconSymbol}}}}
|style="padding: .5em .5em .5em 0; color: {{{contentTextColor|{{#var:contentTextColor}}}}}; {{{contentStyle|}}}"|{{{2|{{{text|}}}}}}
+
|style="padding: .5em .5em .5em 0; color: {{{contentTextColor|{{#var:contentTextColor}}}}}; {{{contentStyle|}}}"|{{{1|{{{text|}}}}}}
 
|}
 
|}
 
</div></includeonly><noinclude>[[category:模板]]
 
</div></includeonly><noinclude>[[category:模板]]
 
<!--模板说明-->
 
<!--模板说明-->
 +
加入一段含有图标样式的文本块,它会以卡片的形式呈现。
  
<!--模板额外信息-->
+
<!--模板参数-->
{{block|信息|
+
{{block|1 或 text|
 +
这段文字的具体内容
 +
}}
  
|preset=info}}
+
{{block|2 或 preset|
 +
这段文字的预设配色,决定了这个段落的配色和图标(会被<code>contentBgColor</code>、<code>borderColor</code>、<code>contentTextColor</code>覆盖)
 +
*你可以参考[[帮助:Quarter模板样式预览]]查看预设样式。
 +
}}
  
<!--模板参数-->
+
{{block|contentTextColor|
{{block|参数|
+
正文区的文本颜色。
参数说明
+
*默认为<nowiki>inherit</nowiki>
 +
}}
 +
 
 +
{{block|contentBgColor|
 +
正文区的背景色。
 +
*默认为<nowiki>rgb(242,242,242)</nowiki>
 +
}}
 +
 
 +
{{block|borderColor|
 +
卡片的边框颜色。
 +
*默认为<nowiki>rgb(116,125,130)</nowiki>
 +
}}
 +
 
 +
{{block|contentStyle|
 +
正文区追加的css样式,可自定义
 +
}}
 +
 
 +
{{block|indent|
 +
这个区块的缩进尺寸,单位是em。填写1即等于缩进1em。
 +
*默认为0
 
}}
 
}}
  
 
<!--模板使用代码参考-->
 
<!--模板使用代码参考-->
 
<source lang="text">
 
<source lang="text">
代码
+
{{quarter
 +
|text=正文……
 +
|preset=样式……
 +
}}
 
</source>
 
</source>
 
</noinclude>
 
</noinclude>

在2018年3月25日 (日) 14:43所做的修订版本