From 0579e3b0e909d851064099fde4aa1722fd8cdb42 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BA=95=E5=B1=82=E7=94=A8=E6=88=B7?= <ytqz104ban@126.com>
Date: Tue, 28 Sep 2021 20:56:14 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E7=AB=AF=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E5=B0=8F=E9=83=A8=E4=BB=B6=E5=88=87=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/mobile.css | 11 +++++++++++
 index.html     |  4 ++--
 js/main.js     | 24 ++++++++++++++++++------
 3 files changed, 31 insertions(+), 8 deletions(-)

diff --git a/css/mobile.css b/css/mobile.css
index 741c43a..1ab9159 100644
--- a/css/mobile.css
+++ b/css/mobile.css
@@ -229,4 +229,15 @@
     -moz-animation: fade 0.5s;
     -o-animation: fade 0.5s;
     -ms-animation: fade 0.5s;
+}
+
+/*
+移动端功能区切换
+*/
+.mobile .col.hitokotos {
+    display: none;
+}
+
+.mobile .col.times {
+    display: block;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index df2a8cc..20aa68a 100644
--- a/index.html
+++ b/index.html
@@ -115,7 +115,7 @@
                     <div class="col right">
                         <div class="main-right">
                             <!--功能区-->
-                            <div class="row rightone">
+                            <div class="row rightone" id="rightone">
                                 <div class="col hitokotos">
                                     <!--一言-->
                                     <div class="hitokoto cards" id="hitokoto">
@@ -211,7 +211,7 @@
                     <a class="munu-button cards" id="menu" onclick="switchMenu()"><i class="fad fa-bars"></i></a>
                 </div>
                 <!--第二屏 Logo-->
-                <div class="logo" style="display: none">
+                <div class="logo cards" style="display: none" onclick="changeMore()">
                     <a>imsyy.top</a>
                 </div>
                 <!--更多内容-->
diff --git a/js/main.js b/js/main.js
index ec2f527..b3bb708 100644
--- a/js/main.js
+++ b/js/main.js
@@ -252,12 +252,13 @@ function closeBox() {
 
 //监听网页宽度
 window.addEventListener('load', function () {
-    //console.log(window.innerWidth);
     window.addEventListener('resize', function () {
-        //console.log(window.innerWidth);
         //关闭移动端样式
         if (window.innerWidth >= 600) {
             document.getElementById("container").classList.remove('menus');
+            document.getElementById("menu").innerHTML = "<i class='fad fa-bars'></i>";
+            //移除移动端切换功能区
+            document.getElementById("rightone").classList.remove('mobile');
         }
         //移动端隐藏更多页面
         if (window.innerWidth <= 990) {
@@ -266,18 +267,29 @@ window.addEventListener('load', function () {
             document.getElementById("change1").innerHTML = "一个建立于 21 世纪的小站，存活于互联网的边缘";
         }
     })
-
 })
 
+//移动端切换功能区
+function changeMore() {
+    var more = document.cookie.replace(/(?:(?:^|.*;\s*)more\s*\=\s*([^;]*).*$)|^.*$/, "$1") || '0';
+    if (more == '0') {
+        document.getElementById("rightone").classList.add('mobile');
+        document.cookie = "more=1;path=/";
+    } else {
+        document.getElementById("rightone").classList.remove('mobile');
+        document.cookie = "more=0;path=/";
+    }
+}
+
 //更多页面显示关闭按钮
-$("#more").hover(function(){
+$("#more").hover(function () {
     document.getElementById("close").style.cssText = "display: block";
-},function(){
+}, function () {
     document.getElementById("close").style.cssText = "display: none";
 })
 
 //屏蔽右键
-document.oncontextmenu = function(){
+document.oncontextmenu = function () {
     iziToast.info({
         icon: 'fad fa-do-not-enter',
         title: '温馨提醒',