Template:Sandbox: Difference between revisions

@@ Line 3: / Line 3: @@
 {{Sandbox heading}}
 == Please test below ==</noinclude>
-<includeonly>
+<includeonly><templatestyles src="Template:背景图片/page.css" />{{#Widget:SideBarPic}}<!--
-{{Vocaloid_Songbox
+-->{{#vardefine:背景图片.isInside|{{filepath:{{{1|{{{url|}}}}}}}}}}<!--
-|image={{{image|}}}
+-->{{array|new|name=widths|1920|1680|1600|1400|1366|1360|1280|1024|800}}<!--
-|image info={{{image info|}}}
+-->{{#vardefine:背景图片.animate|{{#ifeq:{{{animate|show}}}|none|
-|title='''{{{title origin|}}}'''{{#if:{{{title romaji|}}}|<br/>Romaji:{{{title romaji}}} | }}{{#if:{{{title tc|}}}|<br/>Traditional Chinese:{{{title tc}}} | }}{{#if:{{{title pinyin|}}}|<br/>Pinyin:{{{title pinyin}}} | }}{{#if:{{{title english|}}}|<br/>English:{{{title english}}} | }}{{#if:{{{title official english|}}}|<br/>Official English:{{{title official english}}} | }}
+   |animation:{{#vardefineecho:背景图片.animateName|{{#if:{{{animate|}}}
-|singer=[[{{{singer|-}}}]]<br/><small>{{{other singer|}}}</small>
+     |{{#ifeq:{{{animate|}}}|look|look-{{#ifeq:{{{position|}}}|top|bottom|top}}|{{{animate|}}}}}
-|date= {{{date|}}}
+     |show}}}} {{{action|{{#switch:{{#var:背景图片.animateName}}|show=2s|shrink=4s ease-out|clear=2s|appear|look|look-top|look-bottom=5s ease|#default=2s}}}}};
-|view= {{{view|}}}
+   }}}}<!--
-|producers= {{{producers|}}}
+--><div><!--
-|nnd_id = {{{nnd_id|}}}
+--><div class="nomobile sidebar-character" style="width:100%; height:100%; top:0; left:0; z-index:-3;" data-displaylogo="{{#ifeq:{{{displaylogo|yes}}}|no|no|yes}}"><!--
-|bb_id = {{{bb_id|}}}
+--><div style="position:fixed; top:0; left:0; width:100%; height:100%; background:{{{color|transparent}}}; {{#var:背景图片.animate}}"></div><!-- 背景颜色
-|yt_id ={{{yt_id|}}}
+--><img data-src="{{#if:{{#var:背景图片.isInside}}|{{#var:背景图片.isInside}}|{{#if:{{{1|{{{url|}}}}}}|{{{1|{{{url|}}}}}}|data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkqAcAAIUAgUW0RjgAAAAASUVORK5CYII=}}}}"
-|ac_id = {{{ac_id|}}}
+ style="position:fixed; top:0; width:100%; height:100%; object-fit:cover; object-position:{{{position|center center}}}; {{#var:背景图片.animate}}"
-|other link={{{other link|}}}
+ {{#if:{{#var:背景图片.isInside}}|{{#vardefine:背景图片.maxWidth|{{#invoke:fileInfo|main|{{{1|{{{url|}}}}}}|width}}}}
-}}
+    srcset="{{#invoke:loop|main|times=1|{{array|get|widths|count}}|do=<nowiki>
-== Background ==
+        {{#ifexpr:{{array|get|widths|{{#var:times}}}} < {{#var:背景图片.maxWidth}}|
-{{{Background|-}}}
+          {{filepath:{{{1|{{{url|}}}}}}|{{array|get|widths|{{#var:times}}}}}} {{array|get|widths|{{#var:times}}}}w,
-== Lyrics ==
+        }}
-{{LyricsKai
+      </nowiki>}}{{filepath:{{{1|{{{url|}}}}}}}}
-|llang={{#if:{{{llang|}}}|{{{llang}}}|ja}}
+    "
-|rlang={{#if:{{{rlang|}}}|{{{rlang}}}|en}}
+ }} /><!-- 图片
-|lstyle={{#if:{{{lstyle|}}}|{{{lstyle}}} | }}color:{{{ocolor|#000000}}};
+-->{{#if:{{{make|}}}|<div style="position:fixed; top:0; width:100%; height:100%; {{{make|}}}; {{#var:背景图片.animate}}"></div>}}<!-- make
-|rstyle={{#if:{{{rstyle|}}}|{{{rstyle}}} | }}color:{{{tcolor|#000000}}};
+--><div style="position:fixed; top:0; width:100%; height:100%; background:{{{shadeColor|white}}}; opacity:{{{shade|0}}}; {{#var:背景图片.animate}}"></div><!-- shade
-|original={{{lyrics origin|-}}}
+--></div></div><!--
-|translated={{{lyrics translated|-}}}
+-->{{#if:{{{logo-url|}}}|<span id="wglogo" class="nomobile" data-background-position="{{{logo-position|}}}" data-background-size="{{#switch:{{{logo-size|}}}|false|False=|#default={{{logo-size|}}}}}" data-background-image="{{#if:{{filepath:{{PAGENAME:{{{logo-url|ZhMoegirl15.2.png}}}}}}}|{{filepath:{{PAGENAME:{{{logo-url|ZhMoegirl15.2.png}}}}}}}|{{{logo-url|ZhMoegirl15.2.png}}}}}"></span>{{#Widget:Wglogo}}}}<!-- 替换logo
-}}</includeonly>
+--></includeonly>
-<noinclude><pre>
-{{Vocaloid_Song
-|title=
-|image=
-|image info=
-|title origin=
-|title romaji=
-|title tc=
-|title pinyin=
-|title english=
-|title official english=
-|title sc=
-|singer=
-|date=
-|view=
-|producers=
-|nnd_id =
-|bb_id =
-|yt_id =
-|ac_id =
-|Background=
-|lyrics origin=
-|lyrics translated=
-}}</pre></noinclude>

Revision as of 14:03, 2 January 2021

Please test below