1.8.2

src/layout/components/Logo/index.vue

@@ -38,7 +38,7 @@
     }
 
     .title {
-      margin-bottom: 0;
+      margin: 0;
     }
   }
 </style>

src/router/modules/about.ts

@@ -9,7 +9,7 @@ const routes: Array<RouteRecordRaw> = [
     name: 'about',
     component: Layout,
     meta: {
-      sort: 9,
+      sort: 10,
       isRoot: true,
       activeMenu: 'about_index',
       icon: renderIcon(ProjectOutlined),

src/router/modules/directive.ts

@@ -0,0 +1,31 @@
+import { RouteRecordRaw } from 'vue-router';
+import { Layout } from '@/router/constant';
+import { BorderOuterOutlined } from '@vicons/antd';
+import { renderIcon } from '@/utils/index';
+
+const routes: Array<RouteRecordRaw> = [
+  {
+    path: '/directive',
+    name: 'directive',
+    component: Layout,
+    meta: {
+      sort: 9,
+      isRoot: true,
+      activeMenu: 'directive_index',
+      icon: renderIcon(BorderOuterOutlined),
+    },
+    children: [
+      {
+        path: 'index',
+        name: `directive_index`,
+        meta: {
+          title: '指令示例',
+          activeMenu: 'directive_index',
+        },
+        component: () => import('@/views/directive/index.vue'),
+      },
+    ],
+  },
+];
+
+export default routes;

src/router/modules/docs.ts

@@ -11,7 +11,7 @@ const routes: Array<RouteRecordRaw> = [
     meta: {
       title: '项目文档',
       icon: renderIcon(DocumentTextOutline),
-      sort: 9,
+      sort: 11,
     },
   },
 ];

src/router/modules/newVersion.ts

@@ -12,7 +12,7 @@ const routes: Array<RouteRecordRaw> = [
       title: 'Pro 版本',
       extra: renderNew(),
       icon: renderIcon(SketchOutlined),
-      sort: 10,
+      sort: 12,
     },
   },
 ];

src/router/modules/test.ts

@@ -1,31 +0,0 @@
-import { RouteRecordRaw } from 'vue-router';
-import { Layout } from '@/router/constant';
-import { ProjectOutlined } from '@vicons/antd';
-import { renderIcon } from '@/utils/index';
-
-const routes: Array<RouteRecordRaw> = [
-  {
-    path: '/test',
-    name: 'test',
-    component: Layout,
-    meta: {
-      sort: 12,
-      isRoot: true,
-      activeMenu: 'test_index',
-      icon: renderIcon(ProjectOutlined),
-    },
-    children: [
-      {
-        path: 'index',
-        name: `test_index`,
-        meta: {
-          title: '指令测试',
-          activeMenu: 'test_index',
-        },
-        component: () => import('@/views/test/index.vue'),
-      },
-    ],
-  },
-];
-
-export default routes;

src/styles/common.less

@@ -127,3 +127,9 @@ body .n-modal {
 .n-layout-page-header {
   margin: 0 -10px;
 }
+
+img, video{
+  display: block;
+  max-width: 100%;
+  height: auto;
+}

src/views/directive/index.vue

@@ -1,17 +1,19 @@
 <template>
   <div class="card content-box">
-    <n-card>
-      <n-input placeholder="请输入内容" v-model:value="data" style="width: 500px"> </n-input>
+    <n-card :bordered="false" title="复制指令">
+      <n-space>
+        <n-input placeholder="输入内容试试" v-model:value="data" style="width: 350px" />
+        <n-button v-copy="data" type="primary" @click="a">复 制</n-button>
+      </n-space>
     </n-card>
-    <n-card>
-      <n-button v-copy="data" type="primary" @click="a">复制</n-button>
+    <n-card :bordered="false" title="防抖指令" class="mt-3">
+      <n-button type="primary" v-debounce="b">防抖测试</n-button>
     </n-card>
-    <n-card>
-      <n-button type="primary" v-debounce="b">防抖按钮</n-button>
-    </n-card>
-    <n-card>
-      <n-button type="primary" v-throttle="c">节流按钮</n-button>
+    <n-card :bordered="false" title="节流指令" class="mt-3">
+      <n-button type="primary" v-throttle="c">节流测试</n-button>
     </n-card>
+
+    <n-card :bordered="false" title="拖拽指令" class="mt-3"> 鼠标放到矩形上面拖拽试试 </n-card>
     <div class="box" v-draggable> </div>
   </div>
 </template>
@@ -46,9 +48,11 @@
     .box {
       width: 100px;
       height: 100px;
-      background-color: red;
+      background-color: #2d8cf0;
       position: absolute;
       z-index: 10000000;
+      border-radius: 10px;
+      margin: 20px 5px;
     }
   }
 </style>