查看“︁模板:IdeologyCompass”︁的源代码

<includeonly>{| style="margin: 0 auto; background: transparent; border: none;"
|
<div style="
    position: relative; 
    width: {{{width|300px}}}; 
    max-width: 100%; 
    aspect-ratio: 1 / 1; 
    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="
        position: absolute; 
        /* 核心算法：把 -10~10 的数值转换成 0%~100% 的位置 */
        left: {{#expr: ( ({{{x|0}}} + 10) / 20 ) * 100 }}%; 
        top: {{#expr: 100 - ( ({{{y|0}}} + 10) / 20 ) * 100 }}%; 
        transform: translate(-50%, -50%); 
        text-align: center; 
        line-height: 1;
        z-index: 10;
    " title="X: {{{x}}}, Y: {{{y}}}">
        {{#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>
== 使用说明 ==
这是意识形态坐标模板。
<pre>
{{政治坐标
| x = 5           | y = 3           | label = 帝国主义 | icon = Flag.png | bg = Compass_BG.png | top_label = 威权 }}
</pre>
</noinclude>