From 440b9007fb0c31fa62cafdbd3f75e679e9821d4e Mon Sep 17 00:00:00 2001
From: wf <2547096351@qq.com>
Date: Mon, 20 May 2024 13:03:51 +0800
Subject: [PATCH] =?UTF-8?q?fat:=20=E6=A0=85=E6=A0=BC=E7=B3=BB=E7=BB=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .husky/_/commit-msg                    |  4 +---
 .husky/_/pre-commit                    |  7 ++-----
 pnpm-lock.yaml                         |  8 ++++----
 src/layout/components/Menu/index.vue   |  2 +-
 src/layout/index.vue                   | 12 ++++++++++++
 src/views/home/components/shortcut.vue | 23 +++++++++++++++++++++--
 6 files changed, 41 insertions(+), 15 deletions(-)

diff --git a/.husky/_/commit-msg b/.husky/_/commit-msg
index 94647a4..21c69a4 100644
--- a/.husky/_/commit-msg
+++ b/.husky/_/commit-msg
@@ -1,4 +1,2 @@
 #!/usr/bin/env sh
-. "$(dirname -- "$0")/husky.sh"
-
-npx --no-install commitlint --edit $1
\ No newline at end of file
+. "${0%/*}/h"
\ No newline at end of file
diff --git a/.husky/_/pre-commit b/.husky/_/pre-commit
index 1bbfe41..21c69a4 100644
--- a/.husky/_/pre-commit
+++ b/.husky/_/pre-commit
@@ -1,5 +1,2 @@
-#!/bin/sh
-
-. "$(dirname "$0")/husky.sh"
-
-npm run lint-staged
\ No newline at end of file
+#!/usr/bin/env sh
+. "${0%/*}/h"
\ No newline at end of file
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 1f6caf3..779ae45 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,9 +1,5 @@
 lockfileVersion: '6.0'
 
-settings:
-  autoInstallPeers: true
-  excludeLinksFromLockfile: false
-
 dependencies:
   '@arco-design/color':
     specifier: ^0.4.0
@@ -6027,3 +6023,7 @@ packages:
     resolution: {integrity: sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==}
     engines: {node: '>=12.20'}
     dev: true
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
diff --git a/src/layout/components/Menu/index.vue b/src/layout/components/Menu/index.vue
index d5f1152..a315326 100644
--- a/src/layout/components/Menu/index.vue
+++ b/src/layout/components/Menu/index.vue
@@ -1,6 +1,6 @@
 <template>
   <a-menu
-    :breakpoint="layoutType === 'layoutDefaults' ? undefined : 'xl'"
+    :breakpoint="layoutType != 'layoutHead' ? 'xl' : undefined"
     :mode="'vertical'"
     :theme="asideDark ? 'dark' : 'light'"
     :collapsed="collapsed"
diff --git a/src/layout/index.vue b/src/layout/index.vue
index b37e727..7c2e3ce 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -25,6 +25,18 @@ onMounted(() => {
   // 页面渲染完毕，结束loading
   loadingPage.done(200);
 });
+
+// 页面加载前
+onBeforeMount(() => {
+  onLayoutResize();
+  window.addEventListener("resize", onLayoutResize);
+});
+
+// 监听页面大小
+const onLayoutResize = () => {
+  let clientWidth = document.body.clientWidth;
+  console.log("窗口大小", clientWidth);
+};
 </script>
 
 <style lang="scss" scoped></style>
diff --git a/src/views/home/components/shortcut.vue b/src/views/home/components/shortcut.vue
index 8ec102e..2ff0972 100644
--- a/src/views/home/components/shortcut.vue
+++ b/src/views/home/components/shortcut.vue
@@ -8,14 +8,33 @@
       </div>
     </div>
     <a-divider :margin="16" />
-    <div class="flex-row-between-center">
+    <!-- <div class="flex-row-between-center">
       <div v-for="(item, index) in shortcut" :key="item.id" class="card-middling row-center" :class="'animated-fade-up-' + index">
         <div>
           <SvgIcon :name="item.svg" :size="40" />
           <span class="shortcut-card-label">{{ item.name }}</span>
         </div>
       </div>
-    </div>
+    </div> -->
+    <a-row class="grid-demo">
+      <a-col
+        :xs="24"
+        :sm="12"
+        :md="12"
+        :lg="8"
+        :xl="4"
+        :xxl="4"
+        v-for="(item, index) in shortcut"
+        :key="item.id"
+        class="card-middling row-center"
+        :class="'animated-fade-up-' + index"
+      >
+        <div>
+          <SvgIcon :name="item.svg" :size="40" />
+          <span class="shortcut-card-label">{{ item.name }}</span>
+        </div>
+      </a-col>
+    </a-row>
   </div>
 </template>