查看“模板:灵空道具/个”的源代码

<includeonly>
<div class="divsort prop-icon zhuangban" data-param1="{{#ifeq:{{{角色|}}}||无|{{{角色|}}}}}" data-param2="{{{类1|}}}" data-param3="{{{类2|}}}">
<div class="zx-icon">{{ifexist|file:{{{显示图片|}}}.png|[[File:{{{显示图片|}}}.png|120px|link={{{1|}}}]]<br>{{{显示名称|}}}||[[file:{{{显示图片|}}}.png]]}}
<div class="zx-tag">{{#ifeq:{{{角色|}}}|无||{{#arraymap:{{{角色|}}}|,|@|<div>@</div>|}}}}</div>
<div class="prop-type">{{{背景描述|}}}</div>
</div>
<div class="zx-desc item-desc">{{{功能描述|}}}<div class="zx-getWay">{{{获取途径|}}}</div>
</div>
</div>
{{#if:{{#var:灵空道具个CSS}}||{{#vardefine:灵空道具个CSS|1}}


{{#CSS:
.divsort.zhuangban{
    position: relative;
    width: 210px;
    height: 260px;
    border: 1px solid white;
    border-radius: 0 15px;
    background: linear-gradient(138deg, #e2e2e2, #f9f8f8 50%);
    padding: 10px;
    flex: 0 0 calc(20% - 16px);
    box-shadow: 2px 2px 2px 0 #cfcfcf7a;
    }
.zx-icon{
    text-align: center;
    padding-bottom: 5px;
    margin-bottom: 2px;
    font-size: 16px;
    font-weight: bold;
    color: #846d79;
    border-bottom: 1px solid #bfbfbf;
    }

.zx-tag{
    position: absolute;
    top: 10px;
    right: 0px;
    }
.zx-tag div{
    background: linear-gradient(to left, #846d796e, transparent);
    font-size: 12px;
    color: white;
    font-weight: normal;
    margin-bottom: 2px;
    padding: 0 5px 0 10px;
    }
.zx-desc{margin-top: 5px;height:130px;overflow:auto}
.zx-getWay{
    color: #717171;
    font-size: 12px;
}

.prop-type{
    background-size: 100% 100%;
    width: 90%;
    background: linear-gradient(to right, transparent, #846d79, transparent) !important;
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
    line-height: 20px;
    text-align: left; 
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    top: 60px; 
    left: 10px; 
}


#CardSelectTr{
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

@media (max-width:767px){
.divsort.zhuangban{
    flex: 0 0 calc(50% - 10px)
}
}
@media (min-width:768px) and (max-width: 1023px){
.divsort.zhuangban{
    flex: 0 0 calc(33.33% - 15px)
}
}
}}}}</includeonly><noinclude>
<pre>本模板参考并修改自[[模板:装修/个]]。关于“约定”<div class="prop-type>...</div> 中的css效果会在灵空道具最终页面展示，不在此页面内</pre>

<div id="CardSelectTr">
{{灵空道具/个
|名称=葬礼邀请函
|显示名称=葬礼邀请函
|显示图片=葬礼邀请函
|功能描述=一封游猎葬礼的邀请函，逝者已饮尽生前最后一滴酒。敬长眠者，敬生之无憾，敬死之不朽。
|获取途径=灵空行动
|背景描述=来我的葬礼，要每人说一件快乐的事
}}
</div>
</noinclude>