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