查看“模板:首页活动/行”的源代码

<div class="activity-banner-show">
{{ifexist|file:{{{1|}}}.jpg|<div>[[file:{{{1|}}}.jpg|link={{{1|}}}]]</div>
|<div class{{=}}"unknown-banner">[[file:未知banner.png|link={{{1|}}}]]<div id{{=}}"activity-desc"><div id{{=}}"activity-Name">{{{活动|}}}</div><div id{{=}}"activity-time">&nbsp;&nbsp;{{{开始时间|}}}&nbsp;-&nbsp;{{{结束时间|}}}&nbsp;&nbsp;</div></div></div>}}
<div class="wish-timer-box">{{活动计时||{{{开始时间|}}}|{{{结束时间|}}}}}</div>
{{#if:{{{活动思念|}}}|<div class="wishCol">{{#arraymap:{{{活动思念|}}}|,|@@|{{ifexist|file:思念图标-@@.png|[[file:思念图标-@@.png|link=@@]]|[[file:未知思念.png|link=@@]]}}|}}</div>}}
</div><!-- }} -->{{#CSS:
.activity-banner-show{margin:5px 0 10px 0;padding:2px 0;background: linear-gradient(to right, #afafc1 30%, transparent 100%);}
.wishCol{display: flex;}
.wishCol a{width: 23%;height:auto;margin-right:2%;}
.wishCol a:last-of-type {margin-right:0;}
.wishCol a img{border-top: 2px solid #ffffffc9;border-bottom: 2px solid #ffffffc9;}
.wishTime, .wishTime a{font-style: italic;padding:0 0 0 2px;
    color: #afafc1;
    font-weight: 500;
    font-size: 14px;
}
.wish-timer-box{
    display: block;
    <!-- background: linear-gradient(to right, #afafc1, transparent); -->
    color: #595965;
    font-size: 12px;
    padding: 1px 0 1px 5px;
    width: 100%;
}
#activity-Name{
    color: #ededed;
    font-size: 20px;
    font-weight: bold;
    font-family: "KaiTi", "楷体", "STKaiti", "KaiTi SC", "KaiTi TC", serif;
}
#activity-time{
    color:#ffffffbd;
    background: linear-gradient(to left,transparent,#ffffff36, transparent);
    padding: 0 10px;
    font-size: 12px;
    font-weight: normal;
}
.unknown-banner {
    display: grid;
    width: 100%;
    align-items: center;
    justify-items: center;
}

.unknown-banner > * {
    grid-area: 1 / 1;
    text-align: center;
}

.unknown-banner > *:first-child {
    z-index: 1;
}

.unknown-banner > *:nth-child(2) {
    z-index: 2;
}
}}<!-- {{#CSS:
.tempBannerImg{
height:80px;
overflow:hidden;
}
.noBannerDiv{
max-width: 100%;
    height: 50px;
    background: rgba(255,255,255,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24;
    font-weight: bolder;
    border: 1px solid rgba(255,255,255,0.8);
    border-radius: 5px;
    box-shadow: 2px 2px 0px 0px rgba(255,255,255,0.2);
}
}}
{{#if:{{filepath:{{{Banner|}}}}}|[[file:{{{Banner|}}}|link={{{1|}}}]]|{{#if:{{filepath:{{{临时Banner|}}}}}|<div class="tempBannerImg">[[file:{{{临时Banner|}}}|link={{{1|}}}]]</div>|<span class="noBannerDiv">[[{{{1|}}}|{{{活动|}}}]]</span>}}-->