From a3a137df5ebaa00a2b6366a6a26c0eb20a9a76dd Mon Sep 17 00:00:00 2001
From: Coffee-crocodile <1147347984@qq.com>
Date: Wed, 10 Aug 2022 14:47:31 +0800
Subject: [PATCH] =?UTF-8?q?style(styles):=20=E4=BF=AE=E6=94=B9=E4=BA=86?=
 =?UTF-8?q?=E7=A4=BA=E4=BE=8B=E9=A1=B5=E7=9A=84=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/BasicLayout/index.vue | 12 +++++-----
 src/views/test/test1.vue          | 37 ++++++++++++++++++-------------
 2 files changed, 27 insertions(+), 22 deletions(-)

diff --git a/src/layouts/BasicLayout/index.vue b/src/layouts/BasicLayout/index.vue
index 26e0d81..1ad67b8 100644
--- a/src/layouts/BasicLayout/index.vue
+++ b/src/layouts/BasicLayout/index.vue
@@ -11,7 +11,7 @@
     >
       <n-menu :collapsed="collapsed" :collapsed-width="64" :collapsed-icon-size="22" :options="menuOptions" />
     </n-layout-sider>
-    <n-layout h-full bg-hex-f3-f4-f6 :native-scrollbar="false">
+    <n-layout h-full bg-hex-f3f4f6 :native-scrollbar="false">
       <n-layout-header bordered text-2xl h-60px flex-y-center>layout-page</n-layout-header>
       <div p-16px>
         <n-layout-content>
@@ -46,7 +46,7 @@ const menuOptions: MenuOption[] = [
         { default: () => 'test1' },
       ),
     key: 'test1',
-    icon: renderIcon('icon-park:ad-product'),
+    icon: renderIcon('icon-park-outline:alarm'),
   },
   {
     label: () =>
@@ -60,7 +60,7 @@ const menuOptions: MenuOption[] = [
         { default: () => 'test2' },
       ),
     key: 'test2',
-    icon: renderIcon('icon-park:ad-product'),
+    icon: renderIcon('icon-park-outline:alarm'),
   },
   {
     label: () =>
@@ -74,7 +74,7 @@ const menuOptions: MenuOption[] = [
         { default: () => 'test3' },
       ),
     key: 'test3',
-    icon: renderIcon('icon-park:ad-product'),
+    icon: renderIcon('icon-park-outline:alarm'),
   },
   {
     label: () =>
@@ -88,12 +88,12 @@ const menuOptions: MenuOption[] = [
         { default: () => '登录页' },
       ),
     key: '登录页',
-    icon: renderIcon('icon-park:ad-product'),
+    icon: renderIcon('icon-park-outline:alarm'),
   },
   {
     label: '舞，舞，舞',
     key: 'dance-dance-dance',
-    icon: renderIcon('icon-park:arithmetic'),
+    icon: renderIcon('icon-park-outline:alarm'),
     children: [
       {
         label: '饮品',
diff --git a/src/views/test/test1.vue b/src/views/test/test1.vue
index 3decd09..ed7e3dd 100644
--- a/src/views/test/test1.vue
+++ b/src/views/test/test1.vue
@@ -1,30 +1,35 @@
 <template>
-  <div text-center c-blue>I prove that you have made the jump test1.</div>
-  <div text-center cursor-pointer>
-    <div hover:c-blue @click="pinter">click check env</div>
-    <div hover:c-blue @click="get">click to get</div>
-    <div hover:c-blue @click="post">click to post</div>
-    <div hover:c-blue @click="delete2">click to delete</div>
-    <div hover:c-blue @click="put">click to put</div>
-    <div hover:c-blue @click="patch">click to patch</div>
-    <div hover:c-blue @click="mock">click to use mock</div>
+  <div>
+    <n-space>
+      <n-button strong secondary type="success" @click="pinter">check env</n-button>
+      <n-button strong secondary type="success" @click="get">to get</n-button>
+      <n-button strong secondary type="success" @click="post">to post</n-button>
+      <n-button strong secondary type="success" @click="delete2">to delete</n-button>
+      <n-button strong secondary type="success" @click="put">to put</n-button>
+      <n-button strong secondary type="success" @click="patch">to patch</n-button>
+      <n-button strong secondary type="success" @click="mock">to use mock</n-button>
+    </n-space>
+
+    {{ msg }}
   </div>
 </template>
 
 <script setup lang="ts">
 import { fetachGet, fetachPost, fetachDelete, fetachPut, fetachPatch, fetchMock } from '@/service/api';
-
+import { ref } from 'vue';
+const msg = ref();
 const pinter = () => {
+  msg.value = import.meta.env;
   console.log('打印环境配置', import.meta.env);
 };
 const get = () => {
   fetachGet().then((res) => {
-    console.log(res);
+    msg.value = res;
   });
 };
 const delete2 = () => {
   fetachDelete().then((res) => {
-    console.log(res);
+    msg.value = res;
   });
 };
 const post = () => {
@@ -32,7 +37,7 @@ const post = () => {
     data: '2022-2-2',
   };
   fetachPost(params).then((res) => {
-    console.log(res);
+    msg.value = res;
   });
 };
 const put = () => {
@@ -40,7 +45,7 @@ const put = () => {
     data: '2022-2-2',
   };
   fetachPut(params).then((res) => {
-    console.log(res);
+    msg.value = res;
   });
 };
 const patch = () => {
@@ -48,12 +53,12 @@ const patch = () => {
     data: '2022-2-2',
   };
   fetachPatch(params).then((res) => {
-    console.log(res);
+    msg.value = res;
   });
 };
 const mock = () => {
   fetchMock().then((res) => {
-    console.log(res);
+    msg.value = res;
   });
 };
 </script>