medium 微调

components/DarkModeButton.js

@@ -13,8 +13,8 @@ const DarkModeButton = (props) => {
     htmlElement.classList?.add(newStatus ? 'dark' : 'light')
   }
 
-  return <div className={'z-10 duration-200 text-xl cursor-pointer py-2 ' + props.className}>
+  return <div className={'z-10 duration-200 text-xl py-2 ' + props.className}>
-    <i id='darkModeButton' className={`hover:scale-125 transform duration-200 fas ${isDarkMode ? 'fa-sun' : 'fa-moon'}`}
+    <i id='darkModeButton' className={`hover:scale-125 cursor-pointer transform duration-200 fas ${isDarkMode ? 'fa-sun' : 'fa-moon'}`}
        onClick={handleChangeDarkMode} />
   </div>
 }

themes/medium/LayoutBase.js

@@ -41,6 +41,15 @@ const LayoutBase = props => {
                         <div className='px-7 max-w-5xl justify-center mx-auto min-h-screen'>
                             {slotTop}
                             {children}
+                            <div
+                              data-aos="fade-up"
+                              data-aos-duration="300"
+                              data-aos-easing="ease-in-out"
+                              data-aos-once="false"
+                              data-aos-anchor-placement="top-center"
+                              className='fixed right-96 bottom-24 hidden lg:block z-20'>
+                              <i className='fas fa-chevron-up cursor-pointer p-2 rounded-full border' onClick={() => { window.scrollTo({ top: 0, behavior: 'smooth' }) }}/>
+                            </div>
                         </div>
 
                         {/* 底部 */}
@@ -63,10 +72,6 @@ const LayoutBase = props => {
                     </div>
                 </main>
 
-                <div className='fixed right-0 bottom-0 hidden md:block lg:mr-6 z-20'>
-
-                </div>
-
                 <BottomMenuBar {...props} className='block md:hidden' />
             </div>
         </ThemeGlobalMedium.Provider>