


<template>
  <div class="header_top">
    <div class="header_top_left_title">
      南网机具租赁共享平台
    </div>
    <div class="right_user_opert">
      <div class="user_info">

        
        <div class="user_name">
            <!-- 何以解忧 -->
        </div>
        <div class="user_icon">
          <img src="/src/assets/img/defaultUser.png" alt="">
        </div>
      </div>
      <div class="login_opert">
        <el-button type="plain">

          退出登录
        </el-button>
      </div>
    </div>
  </div>

</template>
<script setup lang="ts">




</script>
  
<style lang="scss" scoped>


.header_top {
  height: 72px;
  background-color:#fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px;
  box-sizing: border-box;
  border-bottom: 1px solid #eee;
}
.header_top_left_title{
  font-size: 32px;
  color: #0960bd;
}
.right_user_opert{
  display: flex;
  justify-content: flex-end;
  align-items: center;
.user_info{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  .user_icon{
    width: 42px;
    height: 42px;
    border-radius:50%;
    // border: 2px solid #ccc;
    margin:  0 12px;
    img{  width: 42px;
    height: 42px;

    }
  }
}
}
</style>