From c91e6e0df5d6d927cf70d2af18c9e3e8b7a84eaa Mon Sep 17 00:00:00 2001 From: qianlishi <1432731663@qq.com> Date: Tue, 25 Jan 2022 10:25:21 +0800 Subject: [PATCH] =?UTF-8?q?update=20=E7=89=88=E6=9C=AC=E5=8F=B7?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../views/layout/components/Sidebar/index.vue | 31 ++++++++++++------- 1 file changed, 20 insertions(+), 11 deletions(-) diff --git a/report-ui/src/views/layout/components/Sidebar/index.vue b/report-ui/src/views/layout/components/Sidebar/index.vue index 4e018912..29fcb381 100644 --- a/report-ui/src/views/layout/components/Sidebar/index.vue +++ b/report-ui/src/views/layout/components/Sidebar/index.vue @@ -1,7 +1,10 @@ <template> <el-scrollbar wrap-class="scrollbar-wrapper"> <div class="admin-title" @click="goBigScreen"> - <img src="../../../../../static/logo-dp.png" width="50" class="mt10" /> + <div class="con"> + <img src="../../../../../static/logo-dp.png" width="50" /> + <span class="version">V0.9.5</span> + </div> </div> <el-menu :show-timeout="200" @@ -16,7 +19,6 @@ :base-path="route.path" /> </el-menu> - <div class="version">V0.9.5</div> </el-scrollbar> </template> @@ -48,23 +50,30 @@ export default { <style lang="scss" scoped> .admin-title { - height: 60px; - line-height: 60px; + // height: 60px; + // line-height: 60px; text-align: center; width: 100%; font-weight: 500; color: #333; font-size: 14px; background: #fff; + .con { + margin: auto; + img { + margin-top: 10px; + } + .version { + display: inline-block; + font-size: 12px; + color: #fff; + background: blue; + padding: 2px; + border-radius: 10px; + } + } } .admin-title:hover { cursor: pointer; } -.version { - color: #999; - position: absolute; - bottom: 10px; - font-size: 16px; - margin-left: 10px; -} </style>