查看“模板:剧情”的源代码

<includeonly>{{#switch:{{{1|}}} 
| 开始 = {{#if: {{#varexists: 剧情开始样式 }} | {{#vardefine: 剧情开始样式|{{#expr:{{#var: 剧情开始样式}} + 1}} }} | {{#vardefine: 剧情开始样式|1}} <div style="display:none">{{#css: .section{display:flex;position:relative;color:rgb(170,141,130);margin:10px auto; max-width: 420px;} .avatar{position:absolute;user-select: none;border-radius:50px; overflow: hidden;} .name{position: absolute;left: 74px;font-size: 13px;} .content{position: relative;align-items: center;padding: 8px 12px;margin: 20px 0 0 70px;background: #faf9f7;border-radius: 10px;border: 1px solid #e2d7ce;} .dialog .content:before {content: '';position: absolute;border-top: 10px solid #e2d7ce;border-left: 8px solid transparent;left: -9px;top: -1px;} .dialog .content:after {content: '';position: absolute;border-top: 10px solid #faf9f7;border-left: 8px solid transparent;left: -7.2px;top: 0;}  .section.dialog.right {  padding-left: 90px;}  @media screen and (min-width: 320px){ .section.right .avatar {right: 0; }  .section.right .name {left:initial;right: 74px;} .section.right .content{border-radius: 10px 0 10px 10px;margin: 20px 70px 0 auto;} .section.left .content{border-radius:0 10px 10px 10px;margin: 20px 90px 0 70px;} .section.right .content:before {left: initial;right: -9px;border-left: 0;border-right: 8px solid transparent;} .section.right .content:after {content: '';position: absolute;border-top: 10px solid #faf9f7;border-left: 0;border-right: 8px solid transparent;left: initial;right: -7.2px;top: 0;} } @media screen and (max-width: 420px){ .section .content{ margin: 20px 20px 0 70px!important}.section.right .content{ margin: 20px 70px 0 auto!important;}  .section.dialog.right {  padding-left: 20px!important;}  } .aside .name{display:none} .aside .content{margin: 20px 70px;width:100%; border-radius:0;  background: transparent;border-color: transparent;} .section.aside + .aside > .content { margin-top: 0;} .dialog-box > .panel-body{padding:0;overflow-y:hidden;position:relative} .dialog-box > .panel-body .dialog-body {background:rgba(255,255,255,0.7);padding:10px;max-height:500px;overflow-y:auto;} }} </div>  }} <div class="dialog-body"><div>
| 结束 = </div></div>
| 背景 = {{#tag:bstyle|{{#ifeq:{{{class}}}|dialog-box|.dialog-box|.dialog-box.{{{class}}}}} .dialog-bg{background:url({{filepath:{{{file}}}|400px}}) no-repeat fixed; background-size: cover; background-position: 100%; position: absolute; width: 100%; height: 100%; overflow-y: scroll; opacity: 0.2; pointer-events: none;} }} <div class="dialog-bg"></div>
| #default = {{#vardefine:名称|{{#ifeq:{{{2}}}|玩家|{{当前用户|昵称}}|{{#explode:{{{2}}}|-|0}}}}}}{{#vardefine:头像|<div class="avatar" style="width:58px">{{#ifeq:{{{2}}}|玩家|{{当前用户|头像}}|[[file:{{#if:{{filepath:头像-{{{2}}}.png}}|头像-{{{2}}}|头像-空白}}.png|58px|link=]]{{#if:{{filepath:头像-{{{2}}}.png}}||<div style="display:none">[[file:头像-{{{2}}}.png|58px|link=]]</div>}}}}</div>}}
<div class="section {{#switch:{{{1|}}}|左=dialog left|右=dialog right|旁白=aside|过场=}}">
	{{#switch:{{{1|}}}|左={{#var:头像}}|右={{#var:头像}}}}
	<div class="name">{{#var:名称}}</div>
	<div class="content">{{#switch:{{{1|}}}|左={{{3}}}|右={{{3}}}|旁白={{{2}}}|过场={{{2}}}}}</div>
</div> 
}}</includeonly><noinclude>
{{剧情|开始}}
{{剧情|左|暖暖-啊|女王就这么消失了呀，可我还是听不懂...}}
{{剧情|左|暖暖-唔|等等，大喵你听说过这个世界? ！}}
{{剧情|旁白|1234}}
{{剧情|右|大喵|我爷爷告诉过我关于奇迹大陆的传说故事，可这不是重点。}}
{{剧情|左|玩家|古洛川迁城，是为了躲避风沙吗？}}
{{剧情|右|暖暖|{{当前用户|昵称}}，我感觉好像哪里不对，城池在移动……|}}
{{剧情|结束}}
</noinclude>