查看“模板:攻略链接”的源代码

<includeonly>{{#subobject:{{{1|}}}-{{{3|}}}
|@category=攻略
|类型={{{1|}}}
|时间={{{2|}}}
|标题={{#rreplace:{{{3|}}}|\{{!}}|&#124;}}
|链接=//{{#explode:{{{4|}}}|://|-1}}
|视频={{{5|}}}
}}<div class="zx-box"><div class="zx-desc"><span class="zx-tt"><span class="zx-type">[{{{1|}}}]</span>&nbsp;&nbsp;<span class="zx-title">{{{3|标题尚未配置}}}</span></span><span class="zx-time">{{{2|}}}</span></div>{{#tag:a||href=//{{#explode:{{{4|}}}|://|-1}}|target=_blank}}</div>
{{#if:{{#var:防重复加载攻略CSS}}||{{#vardefine:防重复加载攻略CSS|1}}{{#CSS:
.zx-box{<!-- 资讯样式 -->
    position: relative;
    margin:10px;
    transition: margin 0.3s ease-in-out;
    color:#5e5d6b;
}
.zx-box:hover .zx-type{<!--悬停高亮-->
    color:#ec9ba8;
}
.zx-box:hover{
    font-weight:bold;
}
.zx-box a{<!-- 链接定位 -->
    position:absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.zx-desc{<!-- 资讯文本样式 -->
    color:#6b5e44;
    display: flex;
    justify-content:
    space-between;
}
.zx-desc span{white-space: nowrap;}<!-- span不换行 -->
.zx-tt{display:flex;justify-content: flex-start;}<!-- 1层span两端贴紧 -->
.zx-title{overflow: hidden;text-overflow: ellipsis;max-width: 32em;}<!-- 标题超字数32省略 -->
.zx-time{float:right;}<!-- 时间靠右 -->
@media screen and (max-width:767px){/*手机*/
.zx-title{max-width: 14em;} <!-- 标题超字数14省略 -->
.zx-time{font-size:12px;}
}
}}
}}</includeonly><noinclude>{{模板说明}}</noinclude>