perf: 更新文档

docs/src/view/component.vue

@@ -1,36 +1,40 @@
 <template>
   <lay-layout>
     <lay-side>
-      <ul class="layui-menu layui-menu-lg layui-menu-docs">
-        <li
-          v-for="menu in menus"
-          :key="menu"
-          class="layui-menu-item-group"
-          lay-options="{type: 'group', isAllowSpread: true}"
-        >
-          <div class="layui-menu-body-title">{{ menu.title }}</div>
-          <hr />
-          <ul>
-            <li
-              v-for="children in menu.children"
-              :key="children"
-              :class="[
-                currentPath === children.path ? 'layui-menu-item-checked2' : '',
-              ]"
-              @click="handleClick(children)"
-            >
-              <div class="layui-menu-body-title">
-                <router-link :to="children.path">
-                  <span>{{ children.title }}</span>
-                  <span class="layui-font-12 layui-font-gray">
-                    {{ children.subTitle }}
-                  </span>
-                </router-link>
-              </div>
-            </li>
-          </ul>
-        </li>
-      </ul>
+      <lay-scroll>
+        <ul class="layui-menu layui-menu-lg layui-menu-docs">
+          <li
+            v-for="menu in menus"
+            :key="menu"
+            class="layui-menu-item-group"
+            lay-options="{type: 'group', isAllowSpread: true}"
+          >
+            <div class="layui-menu-body-title">{{ menu.title }}</div>
+            <hr />
+            <ul>
+              <li
+                v-for="children in menu.children"
+                :key="children"
+                :class="[
+                  currentPath === children.path
+                    ? 'layui-menu-item-checked2'
+                    : '',
+                ]"
+                @click="handleClick(children)"
+              >
+                <div class="layui-menu-body-title">
+                  <router-link :to="children.path">
+                    <span>{{ children.title }}</span>
+                    <span class="layui-font-12 layui-font-gray">
+                      {{ children.subTitle }}
+                    </span>
+                  </router-link>
+                </div>
+              </li>
+            </ul>
+          </li>
+        </ul>
+      </lay-scroll>
     </lay-side>
     <lay-body>
       <div style="padding: 20px">
@@ -160,6 +164,12 @@ export default {
         id: 1,
         title: '表单',
         children: [
+          {
+            id: 36,
+            title: '开关',
+            subTitle: 'switch',
+            path: '/zh-CN/components/switch',
+          },
           {
             id: 32,
             title: '复选框',
@@ -184,30 +194,24 @@ export default {
             subTitle: 'textarea',
             path: '/zh-CN/components/textarea',
           },
-          {
-            id: 36,
-            title: '开关',
-            subTitle: 'switch',
-            path: '/zh-CN/components/switch',
-          },
           {
             id: 39,
             title: '下拉选择',
             subTitle: 'select',
             path: '/zh-CN/components/select',
           },
-          {
-            id: 29,
-            title: '图标选择',
-            subTitle: 'iconPicker',
-            path: '/zh-CN/components/iconPicker',
-          },
           {
             id: 40,
             title: '颜色选择器',
             subTitle: 'colorPicker',
             path: '/zh-CN/components/colorPicker',
           },
+          {
+            id: 29,
+            title: '图标选择器',
+            subTitle: 'iconPicker',
+            path: '/zh-CN/components/iconPicker',
+          },
           {
             id: 26,
             title: '评分',

docs/src/view/guide.vue

@@ -1,6 +1,7 @@
 <template>
   <lay-layout>
     <lay-side>
+      <lay-scroll>
         <ul class="layui-menu layui-menu-lg layui-menu-docs">
           <li
             v-for="menu in menus"
@@ -33,6 +34,7 @@
             </ul>
           </li>
         </ul>
+      </lay-scroll>
     </lay-side>
     <lay-body>
       <div style="padding: 20px">

docs/src/view/index.vue

@@ -1,11 +1,5 @@
 <template>
-  <div
-    style="
-      background-color: whitesmoke;
-      height: 100%;
-      width: 100%;
-    "
-  >
+  <div style="margin-top:60px;background-color: whitesmoke; height: 100%; width: 100%">
     <div class="site-banner">
       <div class="site-banner-main">
         <div class="site-zfj site-zfj-anim">