From b1bfe21adad4a830ab8c3b6b0fef9d3e2d5f142c Mon Sep 17 00:00:00 2001
From: Coffee-crocodile <1147347984@qq.com>
Date: Wed, 10 Aug 2022 12:51:58 +0800
Subject: [PATCH] =?UTF-8?q?feat(layout):=20=E5=A2=9E=E5=8A=A0=E5=9F=BA?=
 =?UTF-8?q?=E6=9C=AC=E4=B8=89=E5=88=86=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/BasicLayout/index.vue | 31 ++++++++++++++++++++-----------
 src/views/login/index.vue         | 17 +++++++----------
 2 files changed, 27 insertions(+), 21 deletions(-)

diff --git a/src/layouts/BasicLayout/index.vue b/src/layouts/BasicLayout/index.vue
index c29992d..f108420 100644
--- a/src/layouts/BasicLayout/index.vue
+++ b/src/layouts/BasicLayout/index.vue
@@ -1,15 +1,24 @@
 <template>
-  <div text-3xl text-center>layout-page</div>
-  <div text-center>
-    <router-link to="/test1">Go to test1</router-link>
-    |
-    <router-link to="/test2">Go to test2</router-link>
-    |
-    <router-link to="/test3">Go to test3</router-link>
-    |
-    <router-link to="/login" c-gray>Go to login</router-link>
-  </div>
-  <router-view></router-view>
+  <n-layout has-sider wh-full>
+    <n-layout-sider content-style="padding: 16px;" bordered>
+      <router-link to="/test1">Go to test1</router-link>
+      <br />
+      <router-link to="/test2">Go to test2</router-link>
+      <br />
+      <router-link to="/test3">Go to test3</router-link>
+      <br />
+      <router-link to="/login" c-gray>Go to login</router-link>
+    </n-layout-sider>
+    <n-layout h-full bg-hex-f3-f4-f6 :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>
+          <router-view></router-view>
+        </n-layout-content>
+      </div>
+      <n-layout-footer position="absolute" text-center op-80 bg-transparent>Ench admin</n-layout-footer>
+    </n-layout>
+  </n-layout>
 </template>
 
 <script lang="ts">
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 4356f38..3a4d310 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -6,13 +6,10 @@
     <div flex-1 flex-center>
       <div b-rd-2 bg-white w-md h-xl shadow-lg p-5xl>
         <n-h1>
-          <!-- <Icon icon="icon-park:ad-product" :inline="true" /> -->
-          <!-- <icon-icon-park-ad-product /> -->
-          <!-- <span class="iconify" data-icon="icon-park:ad-product" data-inline="false" style="color: #888888"></span> -->
-          <n-icon size="40" :depth="2" :component="IconParkAdProduct" />
+          <Icon icon="icon-park:ad-product" inline-block />
           Ench Admin
         </n-h1>
-        <n-p depth="3">高效、简约、有点好玩</n-p>
+        <n-p depth="3">高效、简约、可能对你有点帮助</n-p>
         <n-form ref="formRef" :rules="rules" :model="formValue" :show-label="false" size="large">
           <n-form-item path="account">
             <n-input v-model:value="formValue.account" placeholder="输入账号" round />
@@ -42,8 +39,8 @@
 import { FormInst } from 'naive-ui';
 import { useRouter } from 'vue-router';
 import { ref } from 'vue';
-// import { Icon } from '@iconify/vue';
-import IconParkAdProduct from '~icons/icon-park/ad-product';
+import { Icon } from '@iconify/vue';
+// import IconParkAdProduct from '~icons/icon-park/ad-product';
 const router = useRouter();
 const swiperList = ref([
   'https://images.unsplash.com/photo-1659991689791-db84493f8544?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=686&q=80',
@@ -53,9 +50,9 @@ const swiperList = ref([
 ]);
 
 const formValue = ref({
-  account: '',
-  pwd: '',
-  code: '',
+  account: 'admin',
+  pwd: '123456',
+  code: '1234',
 });
 const rules = {
   account: {