样式调整 & Fix Bug

css/mobile.css

@@ -177,12 +177,12 @@
 
     span.link-name {
         display: block !important;
-        font-size: 1.05rem;
+        font-size: 0.95rem;
     }
 
     span.line-text,
     i.iconfont.icon-link {
-        font-size: 1.20rem;
+        font-size: 1.05rem;
     }
 
     /*菜单栏按钮*/
@@ -212,16 +212,29 @@
         font-size: 0.85rem;
     }
 
-    /*一言边距*/
+    /*一言*/
     .col.hitokotos {
         margin-right: 0rem;
     }
 
+    .hitokoto-text,
+    .hitokoto-from {
+        font-size: 1.05rem;
+    }
+
     /*音乐播放器*/
     .music-text {
         max-width: 100% !important;
     }
 
+    #music-name {
+        font-size: 1.05rem;
+    }
+
+    #music-open {
+        display: none;
+    }
+
     /*隐藏鼠标样式*/
     #cursor {
         background: transparent !important;

css/style.css

@@ -576,7 +576,7 @@ span.link-name {
 }
 
 .upnote {
-    margin-top: 2rem;
+    margin-top: 1rem;
     margin-left: 2rem;
     display: flex;
     flex-direction: column;
@@ -584,6 +584,10 @@ span.link-name {
     font-size: 1.10rem;
 }
 
+.uptext i {
+    font-size: 1.25rem;
+}
+
 .closebox {
     left: auto;
     top: 10px;
@@ -616,7 +620,16 @@ i.iconfont.icon-github1 {
 }
 
 .aplayer.aplayer-withlrc .aplayer-pic {
-    border-radius: 6px !important;
+    display: none;
+}
+
+.aplayer.aplayer-withlrc .aplayer-info {
+    margin-left: 0px !important;
+}
+
+.aplayer.aplayer-withlrc .aplayer-info {
+    background-color: #ffffff26;
+    border-radius: 6px;
 }
 
 /*歌曲名称*/
@@ -625,17 +638,13 @@ i.iconfont.icon-github1 {
 }
 
 /*音乐列表*/
-.aplayer.aplayer-withlist .aplayer-list {
-    margin-top: 8px;
-}
-
 .aplayer .aplayer-list ol li.aplayer-list-light {
-    background: #ffffff57 !important;
+    background: #ffffff26 !important;
     border-radius: 6px !important;
 }
 
 .aplayer .aplayer-list ol li:hover {
-    background: #ffffff57 !important;
+    background: #ffffff26 !important;
     border-radius: 6px !important;
 }
 
@@ -662,6 +671,11 @@ i.iconfont.icon-github1 {
     height: 34px !important;
 }
 
+.aplayer .aplayer-lrc {
+    text-align: left !important;
+    margin-left: 5px !important;
+}
+
 /*歌词大小*/
 .aplayer .aplayer-lrc p.aplayer-lrc-current {
     font-size: 14.5px !important;
@@ -735,6 +749,10 @@ footer {
     line-height: 18px !important;
 }
 
+.iziToast>.iziToast-body .iziToast-message {
+    margin: 6px 0px 4px 0px !important;
+}
+
 .iziToast:after {
     box-shadow: none !important;
 }

index.html

@@ -24,7 +24,6 @@
     <link rel="stylesheet" type="text/css" href="./css/loading.css">
     <link rel="stylesheet" type="text/css" href="./css/animation.css">
     <link rel="stylesheet" type="text/css" href="./css/cursor.css">
-    <link rel="stylesheet" type="text/css" href="./css/lantern.css">
     <link rel="icon" href="./favicon.ico">
     <link rel="apple-touch-icon" href="./img/apple-touch-icon.png">
     <!-- Izitoast -->
@@ -153,7 +152,7 @@
                                                     <div id="volume-ico">
                                                         <i class="iconfont icon-volume-1"></i>
                                                     </div>
-                                                    <input type="range" min="0" max="1" step="0.1" id="volume"
+                                                    <input type="range" min="0" max="1" step="0.01" id="volume"
                                                         oninput="changevolume()">
                                                 </div>
                                             </div>
@@ -346,7 +345,7 @@
                         <div class="box-left">
                             <div class="img-title">
                                 <span class="img-title">imsyy</span>
-                                <span class="img-text">.top</span>
+                                <span class="img-text">.top</span><br />
                                 <span class="img-text">&nbsp;&nbsp;v&nbsp;1.6</span>
                                 <a href="https://github.com/imsyy/home" target="_blank"><i
                                         class="iconfont icon-github1"></i></a>
@@ -390,7 +389,6 @@
     <script type="text/javascript" src="./js/main.js"></script>
     <script type="text/javascript" src="./js/time.js"></script>
     <script type="text/javascript" src="./js/cursor.js"></script>
-    <script type="text/javascript" src="./js/lantern.js" defer></script>
     <script type="text/javascript"
         src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/bootstrap/5.1.0/js/bootstrap.min.js">
     </script>

js/main.js

@@ -20,6 +20,20 @@ else if (window.attachEvent)
     window.attachEvent("onload", downloadJSAtOnload);
 else window.onload = downloadJSAtOnload;
 
+//新春灯笼 （ 需要时取消注释 ）
+/*
+new_element=document.createElement("link");
+new_element.setAttribute("rel","stylesheet");
+new_element.setAttribute("type","text/css");
+new_element.setAttribute("href","./css/lantern.css");
+document.body.appendChild(new_element);
+
+new_element=document.createElement("script");
+new_element.setAttribute("type","text/javascript");
+new_element.setAttribute("src","./js/lantern.js");
+document.body.appendChild(new_element);
+*/
+
 //弹窗样式
 iziToast.settings({
     timeout: 10000,
@@ -42,12 +56,14 @@ if (isFirefox = navigator.userAgent.indexOf("Firefox") > 0) {
     link.rel = 'stylesheet';
     link.type = 'text/css';
     head.appendChild(link);
-    iziToast.info({
-        timeout: 8000,
-        iconUrl: './img/warn.png',
-        title: '兼容提醒',
-        message: '您正在使用火狐浏览器，部分功能可能不支持'
-    });
+    window.addEventListener('load', function () {
+        iziToast.info({
+            timeout: 8000,
+            iconUrl: './img/warn.png',
+            title: '兼容提醒',
+            message: '您正在使用火狐浏览器，部分功能可能不支持'
+        });
+    }, false)
 }
 
 //获取一言
@@ -165,12 +181,10 @@ $('#switchmore').on('click', function () {
 
 //更多页面关闭按钮
 $('#close').on('click', function () {
-    $('#container').attr('class', 'container');
-    $("#change").html("Hello World !");
-    $("#change1").html("一个建立于 21 世纪的小站，存活于互联网的边缘");
+    $('#switchmore').click();
 });
 
-//菜单栏切换
+//移动端菜单栏切换
 var switchmenu = false;
 $('#switchmenu').on('click', function () {
     switchmenu = !switchmenu;
@@ -241,7 +255,7 @@ $("#more").hover(function () {
 //屏蔽右键
 document.oncontextmenu = function () {
     iziToast.info({
-        timeout: 4000,
+        timeout: 400000,
         iconUrl: './img/warn.png',
         title: '温馨提醒',
         message: '为了浏览体验，本站禁用右键'
@@ -261,13 +275,15 @@ for (var day of days) {
             '<style>html{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter:none}</style>'
         )
         $("#change").html("Silence&nbsp;in&nbsp;silence");
-        $("#change1").html("今天是国家纪念日，全站已切换为黑白模式");
-        iziToast.info({
-            timeout: 14000,
-            iconUrl: './img/candle.png',
-            title: '今天是国家纪念日',
-            message: '历史不会忘记，人民永远铭记！'
-        });
+        $("#change1").html("今天是中国国家纪念日，全站已切换为黑白模式");
+        window.addEventListener('load', function () {
+            iziToast.info({
+                timeout: 14000,
+                iconUrl: './img/candle.png',
+                title: '今天是中国国家纪念日',
+                message: '历史不会忘记，人民永远铭记！'
+            });
+        }, false);
     }
 }