|
|
| （未显示2个用户的22个中间版本） |
| 第1行： |
第1行： |
| <div class="mdtLayout mdtLight mdtWrapRail">
| | [[File:block-thorium-reactor-ui.png|18px|link=钍反应堆]][[钍反应堆]]需要[[File:item-thorium-ui.png|18px|link=钍]][[钍]]，而[[File:block-graphite-press-ui.png|18px|link=石墨压缩机]][[石墨压缩机]]生产[[File:item-graphite-ui.png|18px|link=石墨]][[石墨]]，我可以使用[[File:unit-mono-ui.png|18px|link=独影]][[独影]]在174区块挖掘[[File:block-ore-copper-ui.png|18px|link=铜矿]][[铜矿]]来获得[[File:item-copper-ui.png|18px|link=铜]][[铜]]，对于[[File:planet-erekir.png|18px|link=埃里克尔]][[埃里克尔]]，[[File:item-tungsten-ui.png|18px|link=钨]][[钨]]不只有[[File:block-ore-tungsten-ui.png|18px|link=钨矿]][[钨矿]]还有[[File:block-ore-wall-tungsten-ui.png|18px|link=钨（墙）]][[钨（墙）]]，但是obv不能挖掘墙矿，因为obv不=mono |
| <div class="mdtMain">
| |
| <span class="heimu"> 测试 </span>
| |
| <div class="tab-container">
| |
| <div class="tab-buttons">
| |
| <button class="tab-button active" data-tab="tab1">煤炭发电机</button>
| |
| <button class="tab-button" data-tab="tab2">太阳能发电机</button>
| |
| </div>
| |
|
| |
| <div id="tab1" class="tab-content active">
| |
| {| class="mdtSideTable"
| |
| ! 输入 !!<!-- 不要删除这里的空白表头 -->
| |
| ! 输出 !!
| |
| ! 消耗电力
| |
| ! 生产时间
| |
| |-
| |
| | 1.33[[File:Item-coal-ui.png|18px|link=煤炭]]/秒 || (2[[File:Item-coal-ui.png|18px|link=煤炭]])
| |
| | 0.66[[File:Item-graphite-ui.png|18px|link=石墨]]/秒 || (1[[File:Item-graphite-ui.png|18px|link=石墨]])
| |
| | 无
| |
| | 1.5秒
| |
| |}
| |
| </div>
| |
|
| |
| <div id="tab2" class="tab-content">
| |
| {| class="mdtSideTable"
| |
| ! 输入 !!<!-- 不要删除这里的空白表头 -->
| |
| ! 输出 !!
| |
| ! 消耗电力
| |
| ! 生产时间
| |
| |-
| |
| | 无 ||
| |
| | 1[[File:Item-energy-ui.png|18px|link=能量]]/秒 ||
| |
| | 无
| |
| | 持续
| |
| |}
| |
| </div>
| |
| </div>
| |
|
| |
|
| <style>
| | {{picture|钍反应堆}}[[钍反应堆]]需要{{picture|钍}}[[钍]]，而{{picture|石墨压缩机}}[[石墨压缩机]]生产{{picture|石墨}}[[石墨]]，我可以使用{{picture|独影}}[[独影]]在174区块挖掘{{picture|铜矿}}[[铜矿]]来获得{{picture|铜}}[[铜]]，对于{{picture|埃里克尔|埃里克尔}}[[埃里克尔]]，{{picture|钨}}[[钨]]不只有{{picture|钨矿}}[[钨矿]]还有{{picture|钨（墙）}}[[钨（墙）]]，但是obv不能挖掘墙矿，因为obv不=mono |
| .tab-container {
| |
| margin: 1em 0;
| |
| } | |
| .tab-buttons {
| |
| display: flex;
| |
| border-bottom: 1px solid #ccc;
| |
| } | |
| .tab-button {
| |
| padding: 8px 16px;
| |
| background: #f5f5f5;
| |
| border: 1px solid #ccc;
| |
| border-bottom: none;
| |
| cursor: pointer;
| |
| margin-right: 4px;
| |
| border-radius: 4px 4px 0 0;
| |
| } | |
| .tab-button.active {
| |
| background: white;
| |
| border-bottom: 1px solid white;
| |
| margin-bottom: -1px;
| |
| } | |
| .tab-content {
| |
| display: none;
| |
| padding: 10px;
| |
| border: 1px solid #ccc;
| |
| border-top: none;
| |
| } | |
| .tab-content.active {
| |
| display: block;
| |
| } | |
| </style>
| |
|
| |
|
| <script>
| | {{picture|埃里克尔|埃里克尔}}[[埃里克尔]]与{{picture|塞普罗|塞普罗}} |
| document.querySelectorAll('.tab-button').forEach(button => {
| |
| button.addEventListener('click', function() {
| |
| // 移除所有active类
| |
| document.querySelectorAll('.tab-button, .tab-content').forEach(el => {
| |
| el.classList.remove('active');
| |
| });
| |
|
| |
| // 激活当前按钮和对应内容
| |
| this.classList.add('active');
| |
| const tabId = this.getAttribute('data-tab');
| |
| document.getElementById(tabId).classList.add('active');
| |
| });
| |
| }); | |
| </script>
| |
| | |
| </div>
| |
