From ae2d855c89ca722ac7309fdf1aa6ceed370e3b95 Mon Sep 17 00:00:00 2001 From: heyujie <516346543@qq.com> Date: 星期一, 11 十月 2021 20:22:30 +0800 Subject: [PATCH] 监控ui --- src/pages/shuohuangMonitorAnalyze/components/topNav.vue | 29 +++++++++++++++++++++++------ 1 files changed, 23 insertions(+), 6 deletions(-) diff --git a/src/pages/shuohuangMonitorAnalyze/components/topNav.vue b/src/pages/shuohuangMonitorAnalyze/components/topNav.vue index 67805cd..41eaa9f 100644 --- a/src/pages/shuohuangMonitorAnalyze/components/topNav.vue +++ b/src/pages/shuohuangMonitorAnalyze/components/topNav.vue @@ -1,21 +1,30 @@ <template> <div class="top-nav"> - <div class="search-area"> + <!-- <div class="search-area"> <i class="el-icon-search"></i> </div> <div class="notify"> <i class="el-icon-bell"></i> - </div> - <div class="user-area"> - <img src alt /> - username + </div> --> + <div class="user-area" > + <el-avatar size="small" :src="pic"></el-avatar> + <span class="name">寮犱笁</span> </div> </div> </template> <script> export default { - + data(){ + return { + + } + }, + computed:{ + pic(){ + return "/images/search/nobody.png" + } + } } </script> @@ -31,5 +40,13 @@ font-size: 20px; padding: 14px; } + .user-area{ + span{ + vertical-align: middle; + } + .name{ + padding: 0 10px; + } + } } </style> \ No newline at end of file -- Gitblit v1.8.0