查看“模板:约会”的源代码

<includeonly>{{#switch:{{{1|}}}
|头={{板块|开始|标题=敬告读者|CSS=box-3|追加CSS=max-width:100%}}
{{板块|内容开始|追加CSS= color: #7a5d4b;}}
<center>点击'''标题'''可以查看约会内容；点击<big><i class="fa-question-circle fa"></i></big>可以查看获取方式</center>
{{板块|内容结束}}
{{板块|结束}}<div style="width: 80%;position: relative;overflow: hidden;left:7.5vw"><div style="width: 100%;left:0">[[File:约会背景-{{{2|}}}.png|link=|1000px]]</div>
<div class="dxtext" style="">
|尾=</div></div>
|#default=<div class="story_img" style="">[[File:空白鸢记-{{{1|}}}.png|link=]][[{{{3}}}|<span class="story_title" style="">{{{2|}}}</span>]]<span class="bili-tt story_info" data-type="child" style="border:#000 solid 0px; color: #7a5d4b;"><i class="fa-question-circle fa"></i><span class=" tt-child dialogue-content-me" style="display:none;border:none;">获取方式：{{{4|待补}}}</span></span></div>
}}
{{#css:
.dxtext{
position: absolute;
top:20%;
padding: 3% 6%;
width: 100%;height: 60%;
display:flex;flex-wrap: wrap;
justify-content:start;align-content: start;
flex-direction:column;
overflow: auto;
overflow-y:auto;
}
 .story_img {
     width:270px;
     position: relative;
     left:1vw;
     }
.story_info {
position: absolute; 
top:15px;
right:15px;
     }
.story_title {
position: absolute; 
font-size: 18px;
color: #fcefc5; 
top:75px;
font-family: monospace;
left: 200px;
}
.story_title:hover {
    color: #FFA500;
font-weight: bolder;
text-decoration:underline;
    }
  .popup > .popup-button {
	cursor: pointer;
}
.popup > [id^="tippy"] {
	display: inline;
}
.popup > .popup-content {
	display: none;
}
#bili-tt-cache-block{
	display: none;
	border:#000 solid 0px;
}
@media screen and (max-width: 768px){
 .story_img {
     width:150px;
     height:px;
}
.story_info {
position: absolute; 
top:5px;
right:5px;
background-size:9px 9px;
     }
.dialogue-content-me{
font-size:9px;
}
.story_title {
font-size:12px;
top:39.5px;
font-family: monospace;
left: 100px;
}
}}</includeonly><noinclude>
<font color=red>此模板主要用于约会录入</font>
==使用方法==
===用来开始约会目录===
<pre>
{{约会|头|男主}}
</pre>
===用来结束约会目录===
<pre>
{{约会|尾}}
</pre>
===目录录入===
<pre>
{{约会|男主|标题|跳转路径|获取方式}}
</pre>
==效果展示==
<pre>
{{约会|头|傅融}}
{{约会|傅融|新居|傅融-约会/新居|七夕欢情·活动}}
{{约会|傅融|宠爱|傅融-约会/宠爱|重阳踏秋·活动}}
{{约会|尾}}
</pre>
{{约会|头|傅融}}
{{约会|傅融|新居|傅融-约会/新居|七夕欢情·活动}}
{{约会|傅融|宠爱|傅融-约会/宠爱|重阳踏秋·活动}}
{{约会|尾}}
</noinclude>