个人工具

模板:Quarter

出自Meshal Lite

(修订版本间的差异)
跳转到: 导航, 搜索
第52行: 第52行:
 
|sys=rgb(222, 222, 222)
 
|sys=rgb(222, 222, 222)
 
|tpl=rgb(222, 222, 222)
 
|tpl=rgb(222, 222, 222)
|#default=rgb(116,125,130)}}}}<div class="quarter" style="background-color: {{{contentBgColor |{{#var: contentBgColor}}}}}; border-color: {{{borderColor |{{#var: borderColor}}}}};width: calc(100% - 1em - {{{indent|0}}}em); margin-left: calc(.5em + {{{indent|0}}}em);">
+
|#default=rgb(116,125,130)}}}}<div class="quarter" style="background-color: {{{contentBgColor |{{#var: contentBgColor}}}}}; border-color: {{{borderColor |{{#var: borderColor}}}}};width: calc(100% - 4px - {{{indent|0}}}em); margin: 0 2px 1em 0; margin-left: calc(2px + {{{indent|0}}}em);">
 
{|width=100%
 
{|width=100%
 
|style="font-size:1.5em; padding: 8px; width: 40px;"|{{symbol|{{#var:iconSymbol}}}}
 
|style="font-size:1.5em; padding: 8px; width: 40px;"|{{symbol|{{#var:iconSymbol}}}}

在2019年4月4日 (四) 05:35所做的修订版本

编辑简介内容 加入一段含有图标样式的文本块,它会以卡片的形式呈现。

编辑帮助内容

使用
{{quarter|
  |[1] text=
  |[2] preset= <rule | info | legend | datalist | feature | ability | item | code | ...> //枚举值的写法
  |tip=
  |contentTextColor=
  |contentBgColor=
  |borderColor=
  |contentStyle=
  |symbol=
  |indent=0
}}
1 text

这段文字的具体内容

2 preset

这段文字的预设配色,决定了这个段落的配色和图标(会被contentBgColorborderColorcontentTextColor覆盖)

tip

位于文本快右上角的提示文字,留空则不显示。

contentTextColor

正文区的文本颜色。

  • 默认为inherit
contentBgColor

正文区的背景色。

  • 默认为rgb(242,242,242)
borderColor

文本块的边框颜色。

  • 默认为rgb(116,125,130)
contentStyle

正文区追加的css样式,可自定义

symbol

自定义使用的符号,可参考symbol模板。

indent

这个区块的缩进尺寸,单位是em。填写1即等于缩进1em。

  • 默认为0