Template:Clock:修订间差异
跳到导航
跳到搜索
模板文档 [编辑]
imported>=海豚= (创建页面,内容为“<includeonly>{{#ifeq:{{#var:鬼影clockvar|0}}|0|<choose uncached></choose><templatestyles src="clock/style.css"/>{{#vardefine:鬼影clockvar|1}}}}<div style="displa…”) |
imported>SD hehua 小 ([InPageEdit] 没有编辑摘要) |
||
| (未显示1个用户的3个中间版本) | |||
| 第2行: | 第2行: | ||
==简介== | ==简介== | ||
为了确保时间更新,本模板使用了<code><nowiki><choose uncached></nowiki></code>,会导致页面不进行缓存,不建议将此模板放在含有过多图片的页面内。 | 为了确保时间更新,本模板使用了<code><nowiki><choose uncached></nowiki></code>,会导致页面不进行缓存,不建议将此模板放在含有过多图片的页面内。 | ||
| 第33行: | 第26行: | ||
===rad=== | ===rad=== | ||
为圆角,默认为<code>50%</code>(可自定义单位 | 为圆角,默认为<code>50%</code>(可自定义单位 | ||
<code><nowiki>{{clock|rad=10px}}</nowiki></code>{{clock|rad=10px}} | <code><nowiki>{{clock|rad=10px}}</nowiki></code>{{clear}}{{clock|rad=10px}} | ||
===tick=== | ===tick=== | ||
| 第49行: | 第42行: | ||
==表盘== | ==表盘== | ||
因为表盘样式可以设计的太多了,我这就弄个自己看的过去的(暂时不准备直接写入模板): | 因为表盘样式可以设计的太多了,我这就弄个自己看的过去的(暂时不准备直接写入模板): | ||
效果:{{#vardefine:鬼影表盘bg|#FFFFFF}}<!--同模板bg参数 | 效果:<div style="display:flex;justify-content:center;align-items:center;background-color:#F7FAFD;border-radius:50%;box-shadow:0 3pt 6pt #D2D5D7;width:150px;height:150px;">{{clock|utc=-4|bg=transparent|hc=#212121|mc=#212121|sc=#212121}}</div> | ||
{{#vardefine:鬼影表盘bg|#FFFFFF}}<!--同模板bg参数 | |||
-->{{#vardefine:鬼影表盘小bg|transparent}}<!--控制所有小点的背景(颜色),默认#FFFFFF | -->{{#vardefine:鬼影表盘小bg|transparent}}<!--控制所有小点的背景(颜色),默认#FFFFFF | ||
-->{{#vardefine:鬼影表盘小bg12|#331155}}<!--“鬼影表盘小bg1”到“鬼影表盘小bg12”可以独立在每个小点上添加文字,会对应覆盖“鬼影表盘小bg”参数。 | -->{{#vardefine:鬼影表盘小bg12|#331155}}<!--“鬼影表盘小bg1”到“鬼影表盘小bg12”可以独立在每个小点上添加文字,会对应覆盖“鬼影表盘小bg”参数。 | ||
| 第66行: | 第60行: | ||
</div> | </div> | ||
== | == 制作 名单== | ||
* | *{{User|九江月}}的[[ 萌百:User:九江月/时钟|时钟]]灵感(? | ||
* | *{{User|梦吉}}对指针合并提供的技术支持! | ||
* | *{{User|Septluna}}对秒针[[#tick|tick]]提供的CSS支持!以及对拉取当前秒的灵感(? | ||
*{{User| 鬼影233}} 的全局制作 | |||
{{ | }}</noinclude> | ||
2021年8月5日 (四) 19:56的最新版本
这个文档是内联文档。
简介
为了确保时间更新,本模板使用了<choose uncached>,会导致页面不进行缓存,不建议将此模板放在含有过多图片的页面内。
基础用法
{{clock}}选填参数
size
固定单位px,默认为150。填写的数为时钟宽和高,其他会自动计算。
{{clock|size=50}}bg
为背景,默认为#111111(由于使用的是background,所以不止可以填写纯色。
{{clock|bg=#FFFFFF}}hc、mc、sc
使用的也是是background,同样不止可以填写纯色。
hc、mc、sc 依次分别可调整:时针、分针、秒针;依次分别默认为:#FFCC66、#66CCFF、#66FFCC
{{clock|hc=#EEEE99|mc=#99EEEE|sc=#EE99EE}}rad
为圆角,默认为50%(可自定义单位
{{clock|rad=10px}}tick
让秒针一秒走一下(复古)
{{clock|tick=true}}
utc
可以调整时区,默认:+8(注意一定要填写正/负号,即使是0也请填写正/负号
{{clock|utc=+9}}全填
{{clock|hc=#111111|mc=#111111|sc=#111111|size=250|bg=#FFFFFF|rad=15px|utc=+0}}表盘
因为表盘样式可以设计的太多了,我这就弄个自己看的过去的(暂时不准备直接写入模板):
效果: