From ba73a900fa5837334a1e709f6fe2823bd9fb0655 Mon Sep 17 00:00:00 2001
From: 田源 <lastanimals@163.com>
Date: 星期三, 18 十月 2023 10:25:39 +0800
Subject: [PATCH] 首页标题自适应

---
 Source/UBCS-WEB/src/page/index/top/index.vue |   30 +++++++++++++++++++++++++-----
 1 files changed, 25 insertions(+), 5 deletions(-)

diff --git a/Source/UBCS-WEB/src/page/index/top/index.vue b/Source/UBCS-WEB/src/page/index/top/index.vue
index f445e17..5ba68fe 100644
--- a/Source/UBCS-WEB/src/page/index/top/index.vue
+++ b/Source/UBCS-WEB/src/page/index/top/index.vue
@@ -20,9 +20,11 @@
     </div>
     <div></div>
     <div class="top-bar__right">
-      <el-tooltip style="margin-right: 35px">
-        <p style="font-size: 20px;line-height: 20px">鏈郴缁熶负闈炴秹瀵嗗簲鐢ㄧ郴缁燂紝绂佹澶勭悊銆佸瓨鍌ㄣ�佷紶杈撴秹瀵嗕俊鎭�</p>
-      </el-tooltip>
+      <div class="container">
+        <div class="content">
+          鏈郴缁熶负闈炴秹瀵嗗簲鐢ㄧ郴缁燂紝绂佹澶勭悊銆佸瓨鍌ㄣ�佷紶杈撴秹瀵嗕俊鎭�
+        </div>
+      </div>
       <el-tooltip v-if="showColor"
                   effect="dark"
                   :content="$t('navbar.color')"
@@ -105,9 +107,9 @@
           </el-dropdown-item>
         </el-dropdown-menu>
       </el-dropdown>
-      <el-tooltip effect="dark" style="margin-left: 15px">
+      <div style="margin-left: 15px">
         <p style="font-size: 16px">褰撳墠鐧诲綍鐢ㄦ埛锛歿{storedUsername}}</p>
-      </el-tooltip>
+      </div>
       <el-dialog title="鐢ㄦ埛淇℃伅閫夋嫨"
                  append-to-body
                  :visible.sync="userBox"
@@ -268,4 +270,22 @@
 </script>
 
 <style lang="scss" scoped>
+.container {
+  max-width: 100%;
+  padding: 0 20px;
+  margin: 0 auto;
+  box-sizing: border-box;
+}
+
+.content {
+  font-size: 20px;
+  line-height: 20px;
+  margin-right: 35px;
+}
+
+@media screen and (max-width: 768px) {
+  .content {
+    margin-right: 0;
+  }
+}
 </style>

--
Gitblit v1.9.3