Skip to content
This repository was archived by the owner on Mar 12, 2025. It is now read-only.

Commit 929ef8c

Browse files
authored
修改按钮为MDUI,微调图片
1 parent bea1fec commit 929ef8c

1 file changed

Lines changed: 22 additions & 6 deletions

File tree

index.html

Lines changed: 22 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -18,8 +18,9 @@
1818
<meta name="keywords" content="AppleBlock,AppleBlock服务器,我的世界服务器,我的世界,MineCraft服务器,我的世界中文版服务器,Mc服务器">
1919
<link rel="stylesheet" href="css/style.css">
2020
<link rel="stylesheett" href="css/stylesheet.css">
21+
<link rel="stylesheet" href="https://unpkg.com/mdui@1.0.2/dist/css/mdui.min.css"/>
2122
</head>
22-
<body>
23+
<body class="mdui-theme-primary-indigo mdui-theme-accent-blue">
2324

2425
<div class="js-animsition animsition" id="site-wrap" data-animsition-in-class="fade-in" data-animsition-out-class="fade-out">
2526

@@ -48,17 +49,19 @@
4849
</ul>
4950
</nav> <!-- .site-nav -->
5051
</div> <!-- .row -->
52+
<body class="mdui-theme-primary-indigo mdui-theme-accent-pink">
5153
</div> <!-- .container -->
5254
</header> <!-- .templateux-navba -->
5355
<div class="templateux-cover" style="background-image: url(images/slider-1.jpg);">
5456
<div class="container">
5557
<div class="row align-items-lg-center">
56-
<div class="col-lg-6 text-center order-lg-2">
58+
<div class="col-lg-3 text-center order-lg-4">
5759
</div>
58-
<div class="col-lg-6 order-lg-1">
60+
<div class="col-lg-4 order-lg-2">
5961
<h1 class="heading mb-3" data-aos="fade-up">感受自由、多端、稳定的MC服务器体验!</h1>
6062
<p class="lead mb-5" data-aos="fade-up" data-aos-delay="100">支持基岩JAVA互通,无严格规则!
61-
<p data-aos="fade-up" data-aos-delay="200"><a href="minecraft:?addExternalServer=AppleBlock纯生存|mc.appleblock.cn:19132" onclick="alert('我们将唤起本地的 MinecraftBE 客户端并自动添加服务器信息,若无法唤起请检查浏览器权限或更换浏览器。')" class="btn btn-primary py-3 px-4" >基岩版快速加入</a></p>
63+
<p data-aos="fade-up" data-aos-delay="200"><a href="minecraft:?addExternalServer=AppleBlock纯生存|mc.appleblock.cn:19132" onclick="alert('我们将唤起本地的 MinecraftBE 客户端并自动添加服务器信息,若无法唤起请检查浏览器权限或更换浏览器。')" class="mdui-btn mdui-btn-block mdui-color-theme-accent mdui-ripple" >基岩版快速加入</a></p>
64+
6265
<div class="playercount">
6366
<p>现在有 <span class="sip" data-ip="mc.appleblock.cn" data-port="25565">
6467
</span> 个人正在服务器内游玩 <span class="ip">mc.appleblock.cn</span></p>
@@ -134,6 +137,19 @@ <h2>悬崖</h2>
134137
</div>
135138
</a>
136139
</div>
140+
<div class="">
141+
<div class="d-flex flex-column flex-sm-row">
142+
<a href="#" class="block-thumbnail-1 one-third" style="background-image: url('images/img-5.png'); " data-aos="fade">
143+
<div class="block-thumbnail-content">
144+
<h2>服务器5人纪念</h2>
145+
</div>
146+
</a>
147+
<a href="#" class="block-thumbnail-1 two-third" style="background-image: url('images/img-6.png'); " data-aos="fade" data-aos-delay="100">
148+
<div class="block-thumbnail-content">
149+
<h2>端午节纪念</h2>
150+
</div>
151+
</a>
152+
</div>
137153
</div> <!-- .templateux-section -->
138154

139155
<div class="templateux-section bg-primary" id="templateux-counter-section">
@@ -193,8 +209,7 @@ <h3><p style="color:black">关于服务器</p></h3>
193209

194210
<div class="col-md-3">
195211
<div class="block-footer-widget">
196-
<a href="https://jq.qq.com/?_wv=1027&k=SQi1sZly" class="btn btn-primary mb-3" target="_blank">加入我们的QQ群</a>
197-
<p>联系我们</p>
212+
<a href="https://jq.qq.com/?_wv=1027&k=SQi1sZly" class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent" target="_blank">加入我们的QQ群</a>
198213
<ul class="list-unstyled block-social">
199214
<li><a href="https://jq.qq.com/?_wv=1027&k=SQi1sZly" class="p-1" target="_blank"><span class="icon-qq"></span>服主QQ2842755165 或 加入QQ群。</a></li>
200215
</ul>
@@ -217,6 +232,7 @@ <h3><p style="color:black">关于服务器</p></h3>
217232
</footer> <!-- .templateux-footer -->
218233

219234
</div> <!-- .js-animsition -->
235+
<script src="https://unpkg.com/mdui@1.0.2/dist/js/mdui.min.js"></script>
220236
<script src="js/scripts-all.js"></script>
221237
<script src="js/main.js"></script>
222238
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

0 commit comments

Comments
 (0)