From a0fd58e81909810f7f1d69317edb4f1782fc7ca7 Mon Sep 17 00:00:00 2001
From: easy <1358086367@qq.com>
Date: Tue, 7 Mar 2023 15:56:36 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E5=8F=B3=E4=B8=8A=E8=A7=92=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Layout/BasicLayoutPage.vue | 25 ++++++++++++++---------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/components/Layout/BasicLayoutPage.vue b/src/components/Layout/BasicLayoutPage.vue
index 7d00fd37..3124977d 100644
--- a/src/components/Layout/BasicLayoutPage.vue
+++ b/src/components/Layout/BasicLayoutPage.vue
@@ -13,12 +13,12 @@
             }}</a>
             <span v-else>{{ slotProps.route.breadcrumbName }}</span>
         </template>
-        <template #rightContentRender> 
-          <div style="margin-right: 24px;display: flex;align-items: center;">
-            <AIcon type="QuestionCircleOutlined" @click="toDoc" />
-            <Notice style="margin: 0 24px;" />
-            <UserInfo />
-          </div>
+        <template #rightContentRender>
+            <div class="right-content">
+                <AIcon type="QuestionCircleOutlined" @click="toDoc" />
+                <Notice style="margin: 0 24px" />
+                <UserInfo />
+            </div>
         </template>
         <router-view v-slot="{ Component }">
             <component :is="Component" />
@@ -28,7 +28,7 @@
 
 <script setup lang="ts" name="BasicLayoutPage">
 import UserInfo from './components/UserInfo.vue';
-import Notice from './components/Notice.vue'
+import Notice from './components/Notice.vue';
 import DefaultSetting from '../../../config/config';
 import { useMenuStore } from '@/store/menu';
 import { clearMenuItem } from 'jetlinks-ui-components/es/ProLayout/util';
@@ -95,8 +95,13 @@ watchEffect(() => {
     }
 });
 
-
-const toDoc = ()=>window.open('http://doc.v2.jetlinks.cn/')
+const toDoc = () => window.open('http://doc.v2.jetlinks.cn/');
 </script>
 
-<style scoped></style>
+<style scoped>
+.right-content {
+    margin-right: 24px;
+    display: flex;
+    align-items: center;
+}
+</style>