模板:Quarter
出自Meshal Lite
第1行: | 第1行: | ||
− | <includeonly>{{#vardefine: iconSymbol|{{{ | + | <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: {{{ | + | |#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: {{{ | + | |#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: | + | |#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: {{{ | + | |#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|}}}"|{{{ | + | |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 | + | {{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> |