模板:IdeologyCompass：修订间差异

可视化wikitext

2026年2月11日 (三) 14:59的最新版本

模板:Documentation

@@ 第1行： / 第1行： @@
-<includeonly>{| style="margin: 0 auto; background: transparent; border: none;"
+<includeonly><templatestyles src="Template:IdeologyCompass/styles.css" />
-|
+<div style="max-width: {{{width|300px}}}; margin: 0 auto;">
-<div style="
+<div class="ideology-compass" role="img" aria-label="政治罗盘：X轴{{{x|0}}}，Y轴{{{y|0}}}">
-    position: relative;
+     <div class="compass-label top">{{{top|威权}}}</div>
-    width: {{{width|300px}}};
+     <div class="compass-label bottom">{{{bottom|自由}}}</div>
-    max-width: 100%;
+     <div class="compass-label left">{{{left|左派}}}</div>
-    aspect-ratio: 1 / 1;
+     <div class="compass-label right">{{{right|右派}}}</div>
-    background-image: url('{{filepath:{{{bg|Political_Compass_Standard.png}}} }}');
-    background-size: cover;
-    border: 1px solid var(--border-color-base, #ccc);
-    border-radius: 4px;
-">
-     <div style="position: absolute; top: 2%; left: 50%; transform: translateX(-50%); font-size: 0.8em; opacity: 0.7;">'''{{{top_label|威权}}}'''</div>
-     <div style="position: absolute; bottom: 2%; left: 50%; transform: translateX(-50%); font-size: 0.8em; opacity: 0.7;">'''{{{bottom_label|自由}}}'''</div>
-     <div style="position: absolute; left: 2%; top: 50%; transform: translateY(-50%); font-size: 0.8em; opacity: 0.7;">'''{{{left_label|左翼}}}'''</div>
-     <div style="position: absolute; right: 2%; top: 50%; transform: translateY(-50%); font-size: 0.8em; opacity: 0.7;">'''{{{right_label|右翼}}}'''</div>
-     <div style="
+     <div class="compass-point" style="
-        position: absolute;
+         left: {{#expr: ( ({{{x|0}}} + 10) / 20 ) * 100 }}%;
-        /* 核心算法：把 -10~10 的数值转换成 0%~100% 的位置 */
+         top: {{#expr: 100 - ( ({{{y|0}}} + 10) / 20 ) * 100 }}%;
-         left: {{#expr: ( ({{{x|0}}} + 10) / 20 ) * 100 }}%;
+     ">
-         top: {{#expr: 100 - ( ({{{y|0}}} + 10) / 20 ) * 100 }}%;
+         {{#if:{{{icon|}}}
-        transform: translate(-50%, -50%);
+            | [[File:{{{icon}}}|32px|link=]]
-        text-align: center;
+            | <div class="compass-dot" style="background-color:{{{color|var(--color-primary)}}};"></div>
-        line-height: 1;
+        }}
-        z-index: 10;
+         {{#if:{{{label|}}}
-     " title="X: {{{x}}}, Y: {{{y}}}">
+            | <div class="compass-text">'''{{{label}}}'''</div>
-         {{#if: {{{icon|}}} | [[File:{{{icon}}}|32px|link=]] | <div style="width: 12px; height: 12px; background: #e74c3c; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 4px rgba(0,0,0,0.5);"></div> }}
+        }}
-        <div style="
-            margin-top: 4px;
-            font-size: 0.85em;
-            font-weight: bold;
-            color: var(--color-base, #fff);
-            text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
-            white-space: nowrap;
-        ">
-            {{{label|}}}
-        </div>
      </div>
 </div>
-|}</includeonly><noinclude>
+</div></includeonly><noinclude>
-== 使用说明 ==
+{{Documentation}}
-这是意识形态坐标模板。
-<pre>
-{{政治坐标
-| x = 5           | y = 3           | label = 帝国主义 | icon = Flag.png | bg = Compass_BG.png | top_label = 威权 }}
-</pre>
 </noinclude>

KK​（留言 | 贡献）

2026年2月11日 (三) 14:59的最新版本

KK（留言 | 贡献）