编辑“︁模板:角色点击卡片”︁

<div class="kp2" data-id="{{filepath:{{{角色立绘}}}}}" data-name="{{{角色名}}}" data-ym='{{{角色原名}}}'>
<div style="width: 45%;">[[文件:{{{角色立绘}}}|class=noviewer|link=]]
</div>
<div id="js2" style="display: none">{{{角色简介}}}</div>
<div style="width: 55%;padding: 0em 0.5em 0em 0.5em;" id="js">
<h4 style="margin: 0;">{{{角色名}}}</h4>
<div style="font-size: 1rem;font-style: italic;">{{{角色原名}}}</div><div id="js3">{{{角色介绍|newline=<br>}}}</div>
</div>
</div>
{{#css:
.kp2 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.kp2 {
    width: 31%;
    height: 13em;
    display: inline-flex;
    margin-right: 20px;
    padding-top: 20px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.kp2 p{
    margin:0px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
}
@media screen and (max-width: 767px) { 
    .kp2 {
        width: 100%;
    }
} 
}}
<noinclude>
<templatedata>
{
	"params": {
		"角色立绘": {
			"required": true
		},
		"角色名": {
			"required": true
		},
		"角色介绍": {
			"required": true,
			"type": "unbalanced-wikitext"
		},
		"角色原名": {},
		"角色简介": {}
	},
	"format": "block"
}
</templatedata>
</noinclude>