docs: opt style

Author: NelsonYong

packages/hooks/docs/.vitepress/theme/home/DemoEditor.vue

@@ -1,9 +1,4 @@
 <template>
-  <div>
-    <h2 class="name">
-      Grace
-    </h2>
-  </div>
   <div id="demo-editor" ref="domRef">
     <div class="terminal">
       <slot />

packages/hooks/docs/.vitepress/theme/home/Home.vue

@@ -97,11 +97,13 @@
         </div>
       </section>
     </div>
+
     <DemoEditor>
       <div class="demo-name">
         Demo.vue
       </div>
     </DemoEditor>
+
     <HomeTeam />
   </div>
 </template>

packages/hooks/docs/.vitepress/theme/home/HomeTeam.vue

@@ -4,35 +4,38 @@
 </script>
 
 <template>
-  <div>
-    <h2 class="name">
-      Meet The Team
-    </h2>
-  </div>
-  <div class="main">
-    <div class="grid">
-      <TeamMember v-for="c of coreTeamMembers" :key="c.github" :data="c" />
+  <div class="container">
+    <div class="main">
+      <div>
+        <h2 class="name">
+          Meet The Team
+        </h2>
+      </div>
+      <div class="grid">
+        <TeamMember v-for="c of coreTeamMembers" :key="c.github" :data="c" />
+      </div>
     </div>
   </div>
 </template>
 
 <style scoped>
-  .container {
-    display: flex;
-  }
-
   h2 {
     text-align: center;
     font-weight: 600;
     /* transform: scale(0.8); */
     color: var(--vp-font-color);
     padding-bottom: 1rem;
+    padding-top: 2rem;
   }
 
   .main {
     /* padding: 96px 32px; */
     text-align: center;
     background-color: var(--vp-c-bg);
+    border-top-left-radius: 2rem;
+    border-top-right-radius: 2rem;
+    /* border: 1.5px solid rgba(0, 0, 0, 0.05); */
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 30px 1px rgba(0, 0, 0, 0.15);
   }
 
   .grid {

packages/hooks/docs/.vitepress/theme/home/index.less

@@ -2,12 +2,12 @@
   height: 100%;
   padding-top: 24px;
   // background: url('/light.jpg');
-  background-size: contain;
+  background-size: cover;
 }
 .dark {
   .home {
     padding-top: 24px;
     background: url('/dark.jpg') no-repeat;
-    background-size: contain;
+    background-size: cover;
   }
 }

packages/hooks/docs/.vitepress/theme/var.less

@@ -121,12 +121,24 @@ input:focus {
 }
 
 @media (max-width: 639px) {
+  h2 {
+    text-align: center;
+    font-weight: 600;
+    /* transform: scale(0.8); */
+    // color: var(--vp-font-color);
+  }
   .vp-doc div[class*='language-'] {
     border-radius: 4px;
   }
 }
 
 @media (max-width: 767px) {
+  h2 {
+    text-align: center;
+    font-weight: 600;
+    /* transform: scale(0.8); */
+    // color: var(--vp-font-color);
+  }
   .VPNavBar {
     border-bottom: 0 !important;
   }

packages/hooks/src/useRequest/docs/basic/index.zh-CN.md

@@ -110,7 +110,7 @@ runAsync()
 
 我们修改了用户名，但是我们不希望等编辑接口调用成功之后，才给用户反馈。而是直接修改页面数据，同时在背后去调用修改接口，等修改接口返回之后，另外提供反馈。
 
-### 错误回滚 `1.7.7.alpha.4`
+### 错误回滚
 
 当你使用 `mutate`时，有可能在乐观数据展示给用户后，远程数据更改却失败了。在这种情况下，你可以启用 `rollbackOnError`，将本地缓存恢复到之前的状态，确保用户看到的是正确的数据。
 

packages/hooks/src/useRequest/docs/refreshDeps/index.en-US.md

@@ -26,7 +26,7 @@ When `refreshDeps` passes in an array of responsive objects, when its value chan
   title=""
   desc="In the example code above, useRequest will execution when it is initialized and Id & store ID changes."> </demo>
 
-## Automatically collect dependencies `v1.6.0`
+## Automatically collect dependencies
 
 When `refreshDeps` is passed in `true`, `useRequest` will automatically collect the response object parameters in the function parameters, as long as the response object in the parameters changes, it will carry the latest value to re-initiate the request.
 

packages/hooks/src/useRequest/docs/refreshDeps/index.zh-CN.md

@@ -26,7 +26,7 @@ source:
   title=""
   desc="每次参数依赖发生，都会携带参数重新发起请求"> </demo>
 
-## 自动收集依赖 `v1.6.0`
+## 自动收集依赖
 
 当 `refreshDeps` 传入的是 `true` 的时候，`useRequest` 会自动收集函数参数中的响应式对象参数，只要参数里面的响应式对象发生变化就会携带最新的值重新发起请求 。