查看“模板:道具数据”的源代码

<includeonly>{{#invoke:数据库调用|Prop|name={{{1|}}}|type=道具}}{{#set:
|稀有度={{#if:{{{稀有度|}}}|{{{稀有度|}}}|{{#var:稀有度}}}}
|分类=道具
|道具类型 = {{#var:分类}}
{{#if:{{#var:子分类}}|子分类= {{#var:子分类}}|}}
}}{{面包屑|道具一览}}
<div class="prop-topline"></div>
<div class="prop-box">
	<div class="prop-basics prop-{{#var:分类}}">
		<div class="prop-left">
			<div class="prop-img">{{图标|{{{1|}}}|大}}</div>
		</div>
		<div class="prop-info">
			<div class="rarity" style="color:{{#var:稀有度颜色|N}}">{{#if:{{{稀有度|}}}|{{{稀有度|}}}|{{#var:稀有度}}}}</div>
			<div class="sort">道具 > {{#var:分类}}</div>
			<div class="name">{{{1|}}}</div>
			<div class="info-main visible-md visible-sm visible-lg">{{#var:信息}}{{{简介补充|}}}
			{{#if:{{#var:物品池}}|
				<div class="info-propInBox" style="">可能获得:</div>
				<div class="img-propInBox">{{#var:物品池}}</div>
			}}
			</div>
		</div>
	</div>
	<div class="info-main visible-xs">{{#var:信息}}{{{简介补充|}}}
		{{#if:{{#var:物品池}}|
		<div class="info-propInBox" style="">可能获得:</div>
		<div class="img-propInBox">{{#var:物品池}}</div>
	}}</div>
----
	{{#if:{{#var:获取途径}}|<span class="prop-acquisition-head">获取途径:</span>
	<div class="prop-acquisition">{{#arraymap:{{#var:获取途径}}|、|@@@|[[@@@]]|<br>}}</div>|}}{{#if:{{#var:兑换途径}}|
	<span class="prop-acquisition-head">兑换途径:</span>}}
{| class="exchange_table" style="text-align:center;width:100%;{{#if:{{#var:兑换途径}}||display:none;}}">
{{#var:兑换表格}}
|}
</div><br><br>[[分类:道具]][[分类:{{#var:分类}}]]{{#ifeq:{{#var:子分类}}|||[[分类:{{#var:子分类}}]]}}{{#CSS:
.exchange_table tbody{
    background-color: #1f2228;
}
.exchange_table tr{
    border-bottom: 0.8px solid #ffffff;
}
.exchange_table tr:last-child{
    border-bottom: none;
}
.exchange_table tr td:first-child{
    width:20%;text-align:center
}
.exchange_table tr td:last-child{
    display:flex;
}
.exchange_table .icon-box{
    margin: 10px 4px 20px 4px;
}
.prop-topline{
	width: 100%;
	height: 5px;
	background-color: #2089cd;
}
.prop-box{
	background-color: #1f2228;
	padding: 0 15px 10px 10px;
}

.prop-basics{
	display: flex;
}
.prop-left{
	width: 320px;
	height: 260px;
	margin: auto;
}
.prop-img{
	width: 100%;
	margin: 5%;
}
.prop-img img{
	height: 100%;
	width: auto;
	max-width: 9999px;
}
.prop-info{
	float: right;
	width: 72%;
}
.prop-info .rarity{
	margin-bottom: -10px;
	font-weight: bold;
	font-size: 20px;
	color: #ffffff;
}
.prop-info .sort{
	margin-bottom: -10px;
}
.prop-info .name{
	font-size: 24px;
	font-weight: bold;
	color: white;
}

.prop-info .base-attr, .info-main{
	box-shadow: 0 0 5px #0009;
	background-color: #00000030;
	border: 1px solid #000000a1;
	border-radius: 6px;
	margin-bottom: 10px;
}
.prop-info .base-attr{
	padding: 10px;
	font-weight: bold;
	font-size: 16;
}
.base-attr > img{
	width: 36px;
	margin-right: 10px;}
.base-attr > span{	margin-left: 5%;}
.base-attr > font{	color: #ff9900;	}
.info-main{
	padding: 10px;	
	min-height: 190px;
}
.info-propInBox{
	background-color: #323133;
	border-radius: 4px;
	width:70px;
	text-align: center;
	line-height:1.5em
}
.img-propInBox{
	display: flex;
	flex-wrap: wrap;
}
.perkText{
	min-width: 100px;
}
.prop-info .info-prefix{
}
.prop-acquisition-head{
	font-size: 24px;
	font-weight: bold;
	color: white;
}
@media(max-width:768px){
.prop-left{
	width: 85%;
	height: 125px;
	margin-bottom: 20px;
}
}
}}
</includeonly>
<noinclude>{{道具数据|铁盟特制装备箱}}{{doc}}[[分类:模板]]</noinclude>