模板:最新卡面/行:修订间差异
无编辑摘要 |
无编辑摘要 |
||
第3行: | 第3行: | ||
<div class="card"> | <div class="card"> | ||
<!-- 卡面 --> | <!-- 卡面 --> | ||
[[File:{{#replace:{{{ID}}}|_|-}}-卡面.webp|居中| | [[File:{{#replace:{{{ID}}}|_|-}}-卡面.webp|居中|100px|link={{{标题}}}]] | ||
<!-- 角色名 --> | <!-- 角色名 --> | ||
<div>{{#cargo_query:tables=角色 | <div>{{#cargo_query:tables=角色 | ||
第13行: | 第13行: | ||
|limit=2}}</div> | |limit=2}}</div> | ||
</div> | </div> | ||
{{#CSS: | {{#CSS: | ||
.card { | .card { | ||
flex: 1 1 | flex: 1 1 100px; /* 允许卡片弹性伸缩,基础宽度为200px */ | ||
margin: 10px; /* 设置卡片间距 */ | margin: 10px; /* 设置卡片间距 */ | ||
text-align: center; /* 文本居中显示 */ | text-align: center; /* 文本居中显示 */ | ||
box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* 添加阴影效果 */ | box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* 添加阴影效果 */ | ||
transition: transform 0.2s; /* 添加动画效果 */ | transition: transform 0.2s; /* 添加动画效果 */ | ||
max-width: | max-width: 100px; /* 设置卡片的最大宽度为200px */ | ||
} | } | ||
2024年7月15日 (一) 21:53的版本
[[File:{{{ID}}}-卡面.webp|居中|100px|link={{{标题}}}]]
没有结果