MediaWiki 模板功能

进入

路由，即可建立名字为的模板。

<div style="background-color: #e6f7ff;border: 1px solid #91d5ff; -webkit-box-sizing: border-box; box-sizing: border-box;margin: 0; color: rgba(0,0,0,0.65);font-size: 14px;font-variant: tabular-nums;line-height: 1.5;list-style: none; font-feature-settings: 'tnum';position: relative;padding: 8px 15px 8px 37px;word-wrap: break-word;border-radius: 4px;margin: 10px 0px 10px 0px;">

<span style="font-size: 1.5em;">🙋</span> {{{文本}}}

</div>

上面的代码中，

即你可以填写变量的地方，变量名就叫做。保存后，在其他页面这样使用

{{提示 | 文本=这样就可以使用模板啦！]]}}

样式如下所示:

当然了，css写在单独文件是比较好的习惯，直接给div加上相应的类就好了！

嵌套模板

上面的模板，还可以设置一个母模板，以方便采用多种样式的提示框

进入

路由，即可建立名字为的母模板。

<div class="mango-alert mango-alert-{{{类型}}}">

<span style="font-size: 1.5em;">{{{图标}}}</span> {{{文本}}}

</div>

然后，重新编辑上面的模板

{{提示框

|类型=info

|图标=🙋

|文本={{{文本}}}

}}

在自定义CSS中加入以下代码

.mango-alert {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    margin: 0;

    color: rgba(0,0,0,0.65);

    font-size: 14px;

    font-variant: tabular-nums;

    line-height: 1.5;

    list-style: none;

    font-feature-settings: 'tnum';

    position: relative;

    padding: 8px 15px 8px 37px;

    word-wrap: break-word;

    border-radius: 4px;

    margin: 10px 0px 10px 0px;

}



.mango-alert-info {

    background-color: #e6f7ff;

    border: 1px solid #91d5ff;

}



.mango-alert-warn {

    background-color: #fffbe6;

    border: 1px solid #ffe58f

}



.mango-alert-error {

    background-color: #fff1f0;

    border: 1px solid #ffa39e;

}

如此一来，便可以实现嵌套模板啦！