朔黄标注编辑后检索数据同步更新；头部模拟用户名头像

hanbaoshan

2021-02-25 77ea6f71e7532e89b974bcb65ce5a6b67a680ddb

 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> -->
    <div class="user-area" >
      <el-avatar size="small" src=""></el-avatar>
      username
      <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>