全站通知:

模板:Chart

来自bilibili游戏中心 - WIKI
跳到导航 跳到搜索
丨前言
丨示例

代码:

{{chart/start}}
{{chart| | | |GrMa |~|y|~| GRP | |GrMa=Grandma|GRP=Grandpa}}
{{chart| | | | | | | |)|-|-|-|.| }}
{{chart| | | MOM |y| DAD | |DAISY|MOM=Mom|DAD=Dad|DAISY=[[Aunt Daisy]]}}
{{chart| |,|-|-|-|+|-|-|-|.| | | }}
{{chart| JOE | | ME  | | SIS | | |JOE=My brother Joe|ME='''Me!'''|SIS=My little sister}}
{{chart/end}}

生成效果:

GrandmaGrandpa
MomDadAunt Daisy
My brother JoeMe!My little sister


表格表示我有一个兄弟Joe和一个妹妹,我的妈妈嫁给了我的爸爸,我爸爸的父母是爷爷和奶奶,我爸爸的父母还有另一个孩子daisy阿姨。

丨可折叠示例

代码:

{{chart top|An example family tree}}
{{chart/start|align=center}}
{{chart| | | |GrMa |~|y|~| GRP | |GrMa=Grandma|GRP=Grandpa}}
{{chart| | | | | | | |)|-|-|-|.| }}
{{chart| | | MOM |y| DAD | |DAISY|MOM=Mom|DAD=Dad|DAISY=[[Aunt Daisy]]}}
{{chart| |,|-|-|-|+|-|-|-|.| | | }}
{{chart| JOE | | ME  | | SIS | | |JOE=My brother Joe|ME='''Me!'''|SIS=My little sister}}
{{chart/end}}
{{chart bottom}}

生成效果:

An example family tree
GrandmaGrandpa
MomDadAunt Daisy
My brother JoeMe!My little sister
丨参数

这个模版可以接收任何代表“单元”和“连接线”的参数。

  • “单元”可以包含任何wiki标记,每个单元的内容由一个命名参数来决定,通常情况下,单元用来表示人物及相关信息,每个单元有3倍连接线宽,并且默认有一个2像素的黑色边框。单元可以被任何合法的模版参数命名。
  • “连接线”被用来连接各个“单元”。模版提供各种各样的连接线样式。连接线由一个-或者两个-表示,在连接线为空的特殊情况下,空连接线由一个空格表示。下面是连接线的表示。
实线:
!
  ,
  v
  .
 
-
  )
  +
  (
 
`
  ^
  '
 
虚线:
:
  F
  V
  7
 
~
  D
  %
  C
 
L
  A
  J
 
点虚线:
Q
  S
  M
  T
 
P
  H
  R
  G
 
Y
  W
  Z
 
混合:
j
  y
        r
  m
        r2
  m2
 
d
  *
  c
  f
  t
  e
        k
  a
  l
  o
  b
  p
        k2
  a2
  l2
  o2
  b2
  p2
 
i
  h
        q
  n
        q2
  n2
 
丨样式属性

单元的外观可以由以下参数控制:

  • border 表示每个单元边框,单位是像素。
  • boxstyle 可以用 CSS 直接控制。示例如下:
{{chart/start}}
{{chart|border=1|boxstyle=background:green;  | | FOO |y| BAR | |FOO=Box 1|BAR=Box 2}}
{{chart | | |,|-|^|-|.| | }}
{{chart|border=3|boxstyle=background:yellow; | | FOO | | BAR | |FOO=Box 3|BAR=Box 4}}
{{chart/end}}

生成这个表格:

Box 1Box 2
Box 3Box 4


样式属性甚至可以为每行每个单元设置样式,示例如下:

{{chart/start}}
{{chart| | | | |CLEAR| | | | |CLEAR=Clear box}}
{{chart| |,|-|-|'|!|`|-|-|.| }}
{{chart|RED  |~|GREEN|~|BLUE |RED=Red box|GREEN=Green box|BLUE=Blue box
|boxstyle_RED  =background-color: red;
|boxstyle_GREEN=background-color: green;
|boxstyle_BLUE =background-color: blue;
}}
{{chart/end}}

生成如下:

Clear box
Red boxGreen boxBlue box


当用样式属性来设置每个单元的样式时,请确保设置为左对齐 (用 "|RED  |" 代替"| RED |"在上面的例子中),,否则模版会停止寻找样式参数。

这个template:chart/start模版同样支持用|style参数来为整个表格设置样式,还可以使用可选参数|align来设置对齐格式。

丨移植模板