From 3d119036972a43128610f618318813b55e4c5e2d Mon Sep 17 00:00:00 2001
From: aixianling <aixianling@sinoecare.com>
Date: Sun, 29 Jan 2023 16:03:28 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BE=A7=E8=BE=B9=E6=A0=8F=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4=E5=AE=8C=E6=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/App.vue                  | 12 ++++++++++++
 web/src/components/sliderNav.vue |  9 ++++++---
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/web/src/App.vue b/web/src/App.vue
index 3870c35..4a37923 100644
--- a/web/src/App.vue
+++ b/web/src/App.vue
@@ -107,4 +107,16 @@ body {
   height: 100%;
 }
 
+.textShadow {
+  position: absolute;
+  top: 0;
+  text-shadow: 0 2px 0 var(--el-color-primary);
+  color: transparent;
+  z-index: -1;
+}
+
+.relative {
+  position: relative;
+}
+
 </style>
diff --git a/web/src/components/sliderNav.vue b/web/src/components/sliderNav.vue
index 476b93c..7231100 100644
--- a/web/src/components/sliderNav.vue
+++ b/web/src/components/sliderNav.vue
@@ -1,6 +1,6 @@
 <template>
   <section class="sliderNav flex column">
-    <b class="mar-v16" v-text="$sys.title"/>
+    <b class="systemTitle mar-v16" v-text="$sys.title"/>
     <div class="fill">
       <div class="item" v-for="menu in menus" :key="menu.id">
         <el-row class="pad-h8" align="middle" @click="menu.expand=!menu.expand">
@@ -77,10 +77,13 @@ export default {
   color: #fff;
   box-shadow: 2px 0 8px 4px rgba(15, 15, 21, 0.15);
 
-  & > b {
-    font-size: 18px;
+  .systemTitle {
     line-height: 32px;
+    font-size: 20px;
+    width: 100%;
+    color: #eee;
     text-align: center;
+    text-shadow: 1px 1px var(--el-color-primary);
   }
 
   .item {