导航管理

src/views/console/menu/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <n-scrollbar class="h-full">
     <div class="mb-8 mt-8 relative">
       <h1 class="text-center text-lg">导航管理</h1>
       <div class="absolute top-0 right-[5%]">
@@ -7,7 +7,7 @@
         <n-button type="primary" @click="addMenu">增加导航</n-button>
       </div>
     </div>
-    <div class="table w-[95%] mx-auto">
+    <div  class="table w-[95%] mx-auto mb-8">
       <n-data-table :columns="columns" striped :single-line="false" :paginate-single-page="false"
         :pagination="pagination" :data="menuList">
         <template #empty>
@@ -74,7 +74,7 @@
     <n-modal v-model:show="showModal" preset="dialog" title="删除" content="是否永久删除该文章？" positive-text="确认"
       negative-text="取消" @positive-click="submitCallback" @negative-click="cancelCallback" />
 
-  </div>
+  </n-scrollbar>
 </template>
 
 <script setup>
@@ -100,7 +100,7 @@ const showModal = ref(false)
 const menuList = ref([])
 const classList = ref([])
 const pagination = ref({
-  pageSize: 15,
+  pageSize: 12,
 })
 
 const menuForm = ref(null)
@@ -256,10 +256,6 @@ onMounted(async () => {
   getClass()
   getList()
 
-
-  const res = await fetch('http://www.ghost4me.com')
-  const data = await res.text()
-  console.log(data);
 })
 async function getList() {
   // 获取文章列表