From e02e96d4e05c690e244665ff3af733cd4c325619 Mon Sep 17 00:00:00 2001
From: xiaoma <735878602@qq.com>
Date: Mon, 13 Sep 2021 18:46:02 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=87=E7=AD=BE=E5=90=8D=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/index.vue | 23 +++++++++++------------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/src/layout/index.vue b/src/layout/index.vue
index f01bc44..45a9f72 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -1,6 +1,6 @@
 <template>
-  <NLayout class="layout" :position="fixedMenu" has-sider>
-    <NLayoutSider
+  <n-layout class="layout" :position="fixedMenu" has-sider>
+    <n-layout-sider
       v-if="isMixMenuNoneSub && (navMode === 'vertical' || navMode === 'horizontal-mix')"
       show-trigger
       @collapse="collapsed = true"
@@ -16,14 +16,14 @@
     >
       <Logo :collapsed="collapsed" />
       <AsideMenu v-model:collapsed="collapsed" v-model:location="getMenuLocation" />
-    </NLayoutSider>
+    </n-layout-sider>
 
-    <NLayout :inverted="inverted">
-      <NLayoutHeader :inverted="getHeaderInverted" :position="fixedHeader">
+    <n-layout :inverted="inverted">
+      <n-layout-header :inverted="getHeaderInverted" :position="fixedHeader">
         <PageHeader v-model:collapsed="collapsed" :inverted="inverted" />
-      </NLayoutHeader>
+      </n-layout-header>
 
-      <NLayoutContent
+      <n-layout-content
         class="layout-content"
         :class="{ 'layout-default-background': getDarkTheme === false }"
       >
@@ -50,10 +50,10 @@
         <!--        <NLayoutFooter v-if="getShowFooter">-->
         <!--          <PageFooter />-->
         <!--        </NLayoutFooter>-->
-      </NLayoutContent>
+      </n-layout-content>
       <n-back-top :right="100" />
-    </NLayout>
-  </NLayout>
+    </n-layout>
+  </n-layout>
 </template>
 
 <script lang="ts" setup>
@@ -143,7 +143,7 @@
     if (Width <= 950) {
       collapsed.value = true;
     } else collapsed.value = false;
-  }
+  };
 
   onMounted(() => {
     window.addEventListener('resize', watchWidth);
@@ -151,7 +151,6 @@
     window['$loading'] = useLoadingBar();
     window['$loading'].finish();
   });
-
 </script>
 
 <style lang="less" scoped>