feat: aside 可配置隐藏/增加按钮可展开或收缩aside

source/css/_layout/aside.styl

@@ -327,3 +327,14 @@
 
   100%
     transform: scale(.7)
+
++minWidth900()
+  html.hide-aside
+    .layout
+      justify-content: center
+
+      > div:last-child
+        display: none
+
+      > div:first-child
+        width: 80%

source/css/_layout/rightside.styl

@@ -38,3 +38,7 @@
 
     +maxWidth900()
       display: block
+
+  +maxWidth900()
+    #hide-aside-btn
+      display: none

source/css/_page/common.styl

@@ -19,7 +19,6 @@
     border-radius: 8px
     background: var(--card-bg)
     box-shadow: 0 4px 8px 6px rgba(7, 17, 27, .06)
-    transition: all .3s
 
     &:hover
       box-shadow: 0 4px 12px 12px rgba(7, 17, 27, .15)
@@ -29,6 +28,7 @@
 
   & > div:first-child
     width: 75%
+    transition: all .3s
 
     +maxWidth900()
       width: 100% !important

source/js/main.js

@@ -483,6 +483,11 @@ $(function () {
   // Back to top
   $rightsideEle.on('click', '#go-up', () => btf.scrollToDest('body'))
 
+  $rightsideEle.on('click', '#hide-aside-btn', () => {
+    const $htmlDom = $(document.documentElement)
+    $htmlDom.hasClass('hide-aside') ? $htmlDom.removeClass('hide-aside') : $htmlDom.addClass('hide-aside')
+  })
+
   /**
  * menu
  * 側邊欄sub-menu 展開/收縮