模板:角色图鉴/个/文档

说明

仿游戏内干员界面UI，并不完全一样
根据星级渲染投影光的颜色
自适应宽度，在使用的时候必须在外面套一层任何明确定义宽度的HTML component

用法

<div style="width: 100px;">{{角色图鉴/个|角色名}}</div>

示例

星级

星级	代码	渲染效果
六星	{{角色图鉴/个\|W}}	W 限定
五星	{{角色图鉴/个\|白面鸮}}	白面鸮
四星	{{角色图鉴/个\|桃金娘}}	桃金娘
三星	{{角色图鉴/个\|玫兰莎}}	玫兰莎
二星	{{角色图鉴/个\|杜林}}	杜林
一星	{{角色图鉴/个\|Lancet-2}}	Lancet-2

Query & Render

本示例中query所有职业为“狙击”的干员。

代码

<div class="handbook-grid">
{{#ask:[[分类:干员]][[职业::狙击]]|link=none|template=角色图鉴/个|format=template|limit=50}}
</div>{{#css:
.handbook-grid{
grid-template-columns: repeat(8, 1fr);
display: grid;
gap: 10px;
}
@media screen and (max-width: 759px){
.handbook-grid{
grid-template-columns: repeat(4, 1fr);
}
}