fix:close

css/mobile.css

@@ -34,6 +34,11 @@
 /*小于992px时*/
 @media (max-width: 992px) {
 
+    /*简介不可点击*/
+    .message {
+        pointer-events: none;
+    }
+
     /*一言*/
     .col.hitokotos {
         display: none;
@@ -216,7 +221,8 @@
 .logo,
 .line,
 .main-img,
-.social {
+.social,
+.close {
     animation: fade 0.5;
     -webkit-animation: fade 0.5s;
     -moz-animation: fade 0.5s;

css/style.css

@@ -242,7 +242,10 @@ span.time-text {
     display: none;
 }
 
+/*关闭按钮*/
+
 .close {
+    display: none;
     left: auto;
     top: 4px;
     right: 8px;

index.html

@@ -215,8 +215,8 @@
                     <a>imsyy.top</a>
                 </div>
                 <!--更多内容-->
-                <div class="more cards">
+                <div class="more cards" id="more">
-                    <div class="close fixed-top" onclick="switchMore()"><i class="fad fa-times-circle"></i></div>
+                    <div class="close fixed-top" onclick="switchMore()" id="close"><i class="fad fa-times-circle"></i></div>
                     <div class="line" style="margin-top: 1rem;">
                         <i class="fad fa-grip-lines-vertical"></i>
                         <span class="line-text">时间胶囊</span>

js/main.js

@@ -213,3 +213,10 @@ window.addEventListener('load', function () {
     })
 
 })
+
+//更多页面显示关闭按钮
+$("#more").hover(function(){
+    document.getElementById("close").style.cssText = "display: block";
+},function(){
+    document.getElementById("close").style.cssText = "display: none";
+})