From a401b1f5bfe959927593457d2d05d362de95d0a3 Mon Sep 17 00:00:00 2001
From: hooray <304327508@qq.com>
Date: Sun, 13 Nov 2022 00:51:02 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=BC=98=E5=8C=96=20PageHeader=20?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E5=9C=A8=E7=A7=BB=E5=8A=A8=E7=AB=AF=E4=B8=8B?=
 =?UTF-8?q?=E7=9A=84=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PageHeader/index.vue | 15 ++++++++++++++-
 src/views/index.vue                 |  2 +-
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/PageHeader/index.vue b/src/components/PageHeader/index.vue
index 3dc41f39..47cf0dba 100644
--- a/src/components/PageHeader/index.vue
+++ b/src/components/PageHeader/index.vue
@@ -9,6 +9,8 @@ defineProps({
     default: '',
   },
 })
+
+const slots = useSlots()
 </script>
 
 <template>
@@ -23,7 +25,7 @@ defineProps({
         </slot>
       </div>
     </div>
-    <div class="sub">
+    <div v-if="slots.default" class="sub">
       <slot />
     </div>
   </div>
@@ -65,4 +67,15 @@ defineProps({
     flex: none;
   }
 }
+
+[data-mode="mobile"] {
+  .header {
+    flex-direction: column;
+
+    .main {
+      margin-right: auto;
+      margin-bottom: 20px;
+    }
+  }
+}
 </style>
diff --git a/src/views/index.vue b/src/views/index.vue
index 8082fa94..69d5b4ea 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -60,7 +60,7 @@ const oneStepAdminInfo = ref({
           <div>注：在作者就职的公司，本框架已在电商、直播、OA、ERP等多个不同领域的中后台系统中应用并稳定运行</div>
         </div>
       </template>
-      <el-button-group style="margin-right: 10px;">
+      <el-button-group>
         <el-button type="success" size="large" plain @click="open('https://hooray.gitee.io/fantastic-admin/')">
           开发文档
         </el-button>