feature:

目录样式微调

components/TocDrawerButton.js

@@ -3,16 +3,15 @@ import React from 'react'
 /**
  * 点击召唤目录抽屉
  * 当屏幕下滑500像素后会出现该控件
- * @param targetRef 关联高度的目标html标签
- * @param showPercent 是否显示百分比
+ * @param props 父组件传入props
  * @returns {JSX.Element}
  * @constructor
  */
 const TocDrawerButton = (props) => {
   return (
-    <div id='toc-drawer-button' className='right-0 fixed flex top-2 mr-4 duration-500 z-10 opacity-75' onClick={props.onClick}>
+    <div id='toc-drawer-button' className='right-0 fixed flex top-24 mr-4 duration-500 z-40 hidden' onClick={props.onClick}>
       <div className='transform hover:scale-105 duration-200 '>
-        <div style={{ boxShadow: 'rgba(41, 50, 60, 0.5) 0px 2px 16px', borderRadius: '28px' }}
+        <div style={{ borderRadius: '28px' }}
           className={'animate__fadeInUp bg-white dark:bg-gray-700 px-1 py-1 cursor-pointer animate__animated animate__faster shadow-xl'}>
           <div className='text-center dark:text-gray-100'>
             <div className='w-10 text-xl' title='目录' ><i className='fa fa-book'/> </div>