新增页面内容

Static/mdui-v1.0.1/css/ui.css

@@ -15,7 +15,7 @@ a{
 	left: 0;
 	right: 0;
 	z-index: 10000;
-	background-color: #4d4a4a;
+	background-color: #cacaca;
 	display: -webkit-flex;
 	display: -moz-flex;
 	display: -ms-flex;
@@ -94,7 +94,7 @@ a{
     -moz-background-size: cover;
     background-size: cover;
     background-repeat: no-repeat;
-    background-image: url(https://img-cdn-cos.lolicon.team/IMAGES/1/2023/03/11/1x640c9526a3570.jpg/wp60);
+    background-image: url(https://img-cdn-cos.lolicon.team/1/2023/03/18/1x6415730a4ec05.webp/all70);
 
     animation: run 60s linear infinite;
     animation-direction: alternate;
@@ -117,7 +117,7 @@ a{
     -moz-background-size: cover;
     background-size: cover;
     background-repeat: no-repeat;
-    background-image: url(https://img-cdn-cos.lolicon.team/IMAGES/1/2023/03/11/1x640c9526a3570.jpg/wp60);
+    background-image: url(https://img-cdn-cos.lolicon.team/1/2023/03/18/1x6415730a4ec05.webp/all70);
 
 
 }
@@ -347,12 +347,34 @@ body {
         display: none;
       }
 }
+@media (min-width: 1383px){
+    .slow-tree{
+        text-align: center;
+        margin: 0 auto;
+        margin-top: 490px;
+        margin-left: 15px;
+        margin-bottom: 45px;
+        max-width: 1408px;
+        border: 2px solid #585858;
+        border-radius: 15px;
+        backdrop-filter: blur(5px);
+      }
+}
+@media (max-width: 1384px){
+    .slow-tree{
+        display: none;
+      }
+}
 .slow h2{
     padding: 35px 0px 35px 0px;
 }
 .slow-two h2{
     padding: 35px 0px 35px 0px;
 }
+.slow-tree h2{
+    padding: 35px 0px 35px 0px;
+}
+
 
 .dnone{
     display: none;
@@ -370,3 +392,27 @@ body {
 .list-news h3{
     margin-top: 1rem;
 }
+.border-radius-15{
+    border-radius: 15px;
+}
+@media (max-width: 1384px){
+    #player-card{
+        display: none;
+      }
+}
+/* 选中第1个#player-card */
+#player-card:first-child{
+    margin-right: 0px;
+}
+
+#player-card{
+    float:right;
+    margin-right: 32px;
+}
+
+/* 选中最后一个#player-card */
+
+#player-card:last-child{
+    margin-left: 15px;
+}
+

contact.html

@@ -112,7 +112,7 @@
     <div class="mdui-hidden-xs-down zhe " style="height:100vh">
         <div class="mdui-container">
             <ul class="mdui-list">
-                <li class="mdui-list-item mdui-ripple mdui-shadow-12 wow animate__animated animate__fadeInRight" style="backdrop-filter: blur(8px);overflow-x:hidden">
+                <li class="border-radius-15 mdui-list-item mdui-ripple mdui-shadow-12 wow animate__animated animate__fadeInRight" style="backdrop-filter: blur(8px);overflow-x:hidden">
                     <a href="#">
                         <div class="mdui-list-item-content">
                             <a href="#">
@@ -133,7 +133,7 @@
         <div style="width: 90%;height:100vh" class="mdui-center">
             <div class="mdui-container">
                 <ul class="mdui-list">
-                    <li class="mdui-list-item mdui-ripple mdui-shadow-12 wow animate__animated animate__fadeInRight" style="backdrop-filter: blur(8px);overflow-x:hidden">
+                    <li class="border-radius-15 mdui-list-item mdui-ripple mdui-shadow-12 wow animate__animated animate__fadeInRight" style="backdrop-filter: blur(8px);overflow-x:hidden">
                         <a href="#">
                             <div class="mdui-list-item-content">
                                 <div class="mdui-list-item-title">暂无内容</div>

index.html

@@ -96,7 +96,7 @@
 
 
     <!--pc text-->
-    <div class="mdui-hidden-xs-down zhe " style="height:200vh">
+    <div class="mdui-hidden-xs-down zhe " style="height:260vh">
         <div class="mdui-container">
             <div id="carouselExampleCaptions" class="wow carousel slide banner animate__animated animate__fadeInRight" data-ride="carousel">
                 <ol class="carousel-indicators">
@@ -137,9 +137,9 @@
                 </button>
             </div>
             <div class="wow animate__animated animate__bounceIn slow mdui-shadow-24 mdui-ripple mdui-ripple-white">
-                <h2>冰浮岛</h2>
+                <h2>The adventure doesn't stop there</h2>
             </div>
-            <!-- 我们的特点 -->
+            <!-- Our Features -->
             <div class="wow animate__animated animate__fadeInUp c-scl" data-wow-delay="200ms">
                 <h2 class="c-secttl">Our Features</h2>
                 </div>
@@ -178,8 +178,48 @@
                 </div> 
                 
                 <div class="wow animate__animated animate__bounceIn slow-two mdui-shadow-24 mdui-ripple mdui-ripple-white c-scl ">
-                    <h2>冰浮岛</h2>
+                    <h2>Multiple version iterations</h2>
+                    <p>多个版本迭代，从1.16至1.19版本，我们不会停下脚步继续更新</p>
                 </div>
+                <div class="wow animate__animated animate__fadeInUp c-scl" data-wow-delay="200ms">
+                    <h2 class="c-secttl" style="text-align: right;">Player</h2>
+                    </div>
+                    <div class="xbox">
+                        <div id="player-card" class="card wow animate__animated animate__fadeInLeft" style="width: 18rem;" data-wow-delay="300ms">
+                            <img src="https://q1.qlogo.cn/g?b=qq&nk=3280751036&s=100" class="card-img-top" alt="...">
+                            <div class="card-body">
+                                <h3>数据为空</h3>
+                              <p class="card-text">暂无内容</p>
+                            </div>
+                        </div>
+                        <div id="player-card" class="card wow animate__animated animate__fadeInLeft" style="width: 18rem;" data-wow-delay="400ms">
+                            <img src="https://q1.qlogo.cn/g?b=qq&nk=3280751036&s=100" class="card-img-top" alt="...">
+                            <div class="card-body">
+                                <h3>数据为空</h3>
+                              <p class="card-text">暂无内容</p>
+                            </div>
+                        </div>
+                        <div id="player-card" class="card wow animate__animated animate__fadeInLeft" style="width: 18rem;" data-wow-delay="500ms">
+                            <img src="https://q1.qlogo.cn/g?b=qq&nk=3280751036&s=100" class="card-img-top" alt="...">
+                            <div class="card-body">
+                                <h3>数据为空</h3>
+                              <p class="card-text">暂无内容</p>
+                            </div>
+                        </div>
+                        <div id="player-card" class="card wow animate__animated animate__fadeInLeft" style="width: 18rem;" data-wow-delay="600ms">
+                            <img src="https://q1.qlogo.cn/g?b=qq&nk=3280751036&s=100" class="card-img-top" alt="...">
+                            <div class="card-body">
+                                <h3>数据为空</h3>
+                              <p class="card-text">暂无内容</p>
+                            </div>
+                        </div>
+                    </div>  
+
+                    <div class="slow-tree wow animate__animated animate__bounceIn mdui-shadow-24 mdui-ripple mdui-ripple-white c-scl ">
+                        <h2>加入我们</h2>
+                        <p>Join our family</p>
+                    </div>
+                    
         </div>
     </div>
 
@@ -240,7 +280,7 @@
                 new WOW().init();
                 callback && callback();
                 clearTimeout(loadTimer);
-            }, 5000);
+            }, 500);
         });
 </script>
 </body>

message.html

@@ -123,7 +123,7 @@
         <div style="width: 90%;height:100vh" class="mdui-center">
             <div class="mdui-container">
                 <ul class="mdui-list">
-                    <li class="mdui-list-item mdui-ripple mdui-shadow-12" style="backdrop-filter: blur(8px);overflow-x:hidden">
+                    <li class="border-radius-15 mdui-list-item mdui-ripple mdui-shadow-12" style="backdrop-filter: blur(8px);overflow-x:hidden">
                         <a href="#">
                             <div class="mdui-list-item-content">
                                 <div class="mdui-list-item-title">这里暂时还什么都没有哦</div>

news.html

@@ -114,7 +114,7 @@
 
 
     <!--pc text-->
-    <div class="mdui-hidden-xs-down zhe " style="height:100vh">
+    <div class="mdui-hidden-xs-down zhe " style="height:300vh">
         <div class="mdui-container">
             <ul id="rss" class="mdui-list">
                 

project.html

@@ -112,22 +112,26 @@
     <div class="mdui-hidden-xs-down zhe " style="height:100vh">
         <div class="mdui-container">
             <ul class="mdui-list">
-                <li class="mdui-list-item mdui-ripple mdui-shadow-12 wow animate__animated animate__fadeInRight" style="backdrop-filter: blur(8px);overflow-x:hidden">
+                <li mdui-dialog="{target: '#example-2'}" class="border-radius-15 mdui-list-item mdui-ripple mdui-shadow-12 wow animate__animated animate__fadeInRight" style="backdrop-filter: blur(8px);overflow-x:hidden">
-                    <a href="#">
                         <div class="mdui-list-item-content">
-                            <a href="#">
+                            <div class="mdui-list-item-title">宝塔面板主题 | 甘城なつき</div>
-                            <div class="mdui-list-item-title">暂无内容</div>
                             <div class="mdui-list-item-text mdui-list-item-one-line">
-                                <span>2023-03-13</span>
+                                <span>宝塔面板基础美化包，二次元党狂喜！即将推出动画包！</span>
                             </div>
-                        </a>
                         </div>
                     </a>
                 </li>
-
             </ul>
         </div>
     </div>
+    <div class="mdui-dialog" id="example-2">
+        <div class="mdui-dialog-title">是否要访问?</div>
+        <div class="mdui-dialog-content">宝塔面板主题 | 甘城なつき | 基础美化包.</div>
+        <div class="mdui-dialog-actions mdui-dialog-actions-stacked">
+          <button class="mdui-btn mdui-ripple" mdui-dialog-confirm>Yes Jump Now</button>
+          <button class="mdui-btn mdui-ripple" mdui-dialog-close>No thanks</button>
+        </div>
+      </div>
     <!--mobile text-->
     <div class="mdui-hidden-sm-up zhe " style="height:100%;width: 100%;">
         <div style="width: 90%;height:100vh" class="mdui-center">
@@ -183,10 +187,21 @@
                 $('body').css({overflow: 'auto'});
                 $('#loading').fadeOut(1000);
                 new WOW().init();
+                var inst = new mdui.Dialog(selector, options);
                 callback && callback();
                 clearTimeout(loadTimer);
             }, 500);
         });
+        //example-2 confirm.mdui.dialog触发时执行
+        $('#example-2').on('confirm.mdui.dialog', function () {
+            //新建标签页
+            window.open('https://github.com/hanasaki-misaki/customBT');
+        });
+        
+        
+  
+
+        
     </script>
 </body>
 </html>