移动端加入夜间模式开关

themes/yilia/layout/layout.ejs

@@ -7,7 +7,12 @@
       <%- partial('_partial/live2d') %>
     </div>
     <div class="btnctn js-mobile-btnctn">
-      <div class="slider-trigger list" @click="openSlider($event, 'innerArchive', true)"><i class="icon icon-list"></i></div>
+      <div class="slider-trigger" @click="openSlider($event, 'innerArchive', true)">
+        <i class="icon icon-list"></i>
+      </div>
+      <div class="slider-trigger" @click="toolsClick('tools.eye')">
+        <i class="icon icon-eye"></i>
+      </div>
     </div>
     <div class="mid-col" :class="{show: isShow,hide: isShow!==undefined && !isShow}">
       <%- partial('_partial/mobile-nav', null, {cache: !config.relative_link}) %>

themes/yilia/source-src/css/grid.scss

@@ -20,15 +20,13 @@ html, body, #container {
 #container{
 	position:relative;
 	min-height:100%;
+	background: linear-gradient(200deg,#5aa5c6,#a4854b);
 	.anm-canvas {
 		display: none;
 	}
-	&.show {
-		background: linear-gradient(200deg,#5aa5c6,#a4854b);
-		.anm-canvas {
-			display: block;
-			position: fixed;
-		}
+	&.show .anm-canvas {
+		display: block;
+		position: fixed;
 	}
 }
 .body-wrap{

themes/yilia/source-src/css/mobile.scss

@@ -55,25 +55,15 @@
 }
 .btnctn{
   position: fixed;
-  width: 50px;
-  height: 50px;
   z-index: 4;
   .slider-trigger{
-    position: absolute;
-    z-index: 101;
-    width: 42px;
-    height: 42px;
+    width: 35px;
+    height: 35px;
     text-align: center;
-    line-height: 50px;
-    &.back {
-      top: 0;
-      left: 0;
-    }
-    &.list {
-      background-color: rgba(100,100,100,0.7)
-    }
+    line-height: 40px;
+    background-color: rgba(100,100,100,0.7);
     .icon{
-      font-size: 24px;
+      font-size: 20px;
       color: #fff;
     }
   }

themes/yilia/source-src/css/night.scss

@@ -41,7 +41,7 @@ $textColor_night: #d5d5d5; // 文字颜色
 body.night {
   background: $mainBg_night;
   // 展开菜单之后的背景
-  #container.show {
+  #container {
     background: none;
   }
   // 主背景