查看“模板:拍照物品”的源代码

<includeonly><div class="photoItem photoItem-{{#switch:{{{4|}}}|#default=mid|小=small|中=mid|大=big|小全=small|中全=mid|大全=big}}">
<div class="photoItem-image">[[file:{{{1|}}}.png|{{#switch:{{{4|}}}|#default=mid|小=40x40px|中=60x60px|大=80x80px|小全=50x50px|中全=75x75px|大全=100x100px}}|link={{{link|拍照贴纸/{{{1|}}}}}}]]</div>{{#if:{{{2|}}}|<div class="photoItem-rightBottom">[[{{{link|拍照贴纸/{{{1|}}}}}}|{{{2|}}}]]</div>}}{{#if:{{{3|}}}|<div class="photoItem-leftTop">{{{3|}}}</div>}}
</div><!--拍照物品框灰、拍照物品框蓝、拍照物品框紫、拍照物品框金.pnginset 0 1px 1px rgb(255 255 255),0 4px 3px rbga(255,255,255,0.8)-->
{{#ifeq:{{#var:防重复加载拍照物品CSS}}||{{#vardefine:防重复加载拍照物品CSS|1}}
{{#CSS:
.photoItem-small{width:50px;height:50px;}
.photoItem-mid{width:75px;height:75px;}
.photoItem-big{width:100px;height:100px;}

.photoItem-small .photoItem-rightBottom{font-size:9px;padding: 0px 2px 2px 0;line-height: 12px;}
.photoItem-small .photoItem-leftTop{font-size:9px!important;}
.photoItem-mid .photoItem-rightBottom{font-size:10px;padding: 0 4px 3px 0;line-height: 12px;}
.photoItem-mid .photoItem-leftTop{font-size:10px;}
.photoItem-big .photoItem-rightBottom{font-size:13px;padding: 0 5px 4px 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>
<pre>{{拍照物品|<arg:图片资源名字>|<arg:右下角>|<arg:左上角>|<arg:显示大小-小/中/大/小全/中全/大全>|link=<arg:可选项,点击跳转页面>}}</pre>
<pre>{{拍照物品|钻石|1000|1|小|link=金币}}{{拍照物品|钻石|1000|1|中}}{{拍照物品|钻石||1|中}}{{拍照物品|滤镜·鲜亮|||大}}{{拍照物品|滤镜·鲜亮|||大全}}</pre>
{{拍照物品|钻石|1000|1|小|link=金币}}{{拍照物品|钻石|1000|1|中}}{{拍照物品|钻石||1|中}}{{拍照物品|滤镜·鲜亮|||大}}{{拍照物品|滤镜·鲜亮|||大全}}
<!-- {{拍照物品|图片|1000}}
{{拍照物品|图片|1000|5%}}
{{拍照物品|图片|1000|5%|小}}
{{拍照物品|图片|1000|5%||蓝}}
{{拍照物品|图片|1000|5%|大|蓝|link=}}
{{拍照物品|图片|数量|左上概率|尺寸|品质|点击跳转}} -->
</noinclude>