查看“模板:流浪体图标”的源代码

<includeonly><div class="photoItem photoItem-{{#switch:{{{4|中}}}|#default=mid|小=small|中=mid|大=big}}">
<div class="photoItem-image">[[file:流浪体-{{{1|}}}.png|{{#switch:{{{4|中}}}|#default=mid|小=40x50px|中=75x95px|大=100x130px}}|link={{{link|流浪体/{{{1|}}}}}}]]</div>{{#if:{{{2|}}}|<div class="photoItem-rightBottom">{{{2|}}}</div>}}{{#if:{{{3|}}}|<div class="photoItem-leftTop">{{{3|}}}</div>}}</div>
{{#ifeq:{{#var:防重复加载流浪体图标CSS}}||{{#vardefine:防重复加载流浪体图标CSS|1}}
{{#CSS:
.photoItem-small{width:40px;height:50px;}
.photoItem-mid{width:75px;height:95px;}
.photoItem-big{width:100px;height:130px;}

.photoItem-small .photoItem-rightBottom{font-size:11px;padding: 0px 2px 2px 0;line-height: 11px;}
.photoItem-small .photoItem-leftTop{font-size:11px!important;}
.photoItem-mid .photoItem-rightBottom{font-size:11px;padding: 1px 2px 2px 0;line-height: 11px;}
.photoItem-mid .photoItem-leftTop{font-size:11px;}
.photoItem-big .photoItem-rightBottom{font-size:13px;padding: 1px 3px 2px 0;line-height: 13px;}
.photoItem-big .photoItem-leftTop{font-size:13px;}
.photoItem-rightBottom{white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }

.photoItem-small::before{width: calc(100% - 2px);height: calc(100% - 2px);left: 1;top: 1;}
.photoItem-mid::before{width: calc(100% - 4px);height: calc(100% - 4px);left: 2;top: 2;}
.photoItem-big::before{width: calc(100% - 4px);height: calc(100% - 4px);left: 2;top: 2;}

.photoItem{position: relative;display:inline-block;margin-right:5px;margin-bottom:5px}
.photoItem::before{
    content: "";
    position: absolute;
    <!-- background: #ebe7e2; -->
    border-radius: 2px;
    box-shadow: inset 0 1px 1px rgb(255 255 255), 2px 3px 8px rgba(0, 0, 0, 0.1);
}

.photoItem-image{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius:2px;
}
.photoItem-fg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.photoItem-rightBottom{
    position: absolute;
    bottom: 1;
    right: 2;
    width: calc(100% - 4px);
    text-align: right;
    background: linear-gradient(to right, transparent,white);
    border-radius:0 0 2px 2px;
}
.photoItem-leftTop{
    position: absolute;
    top: 0;
    left: 1px;
}
}}}}</includeonly><noinclude>
{{流浪体图标|镜灵残影|镜灵残影||小}}{{流浪体图标|燃焰|燃焰||小}}{{流浪体图标|镜灵虚像|镜灵虚像||小}}{{流浪体图标|镜灵残影|镜灵残影}}{{流浪体图标|燃焰|燃焰}}{{流浪体图标|镜灵虚像|镜灵虚像}}{{流浪体图标|镜灵残影|镜灵残影||大}}{{流浪体图标|燃焰|燃焰||大}}{{流浪体图标|镜灵虚像|镜灵虚像||大}}
<!-- {{流浪体图标|图片|1000}}
{{流浪体图标|图片|1000|5%}}
{{流浪体图标|图片|1000|5%|小}}
{{流浪体图标|图片|1000|5%||蓝}}
{{流浪体图标|图片|1000|5%|大|蓝|link=}}
{{流浪体图标|图片|数量|左上概率|尺寸|品质|点击跳转}} -->
</noinclude>