1. //HTML     
    2. <el-header>
    3.   <div class="avatar">
    4.     <img :src="userinfo.avatar" alt="" />
    5.   </div>
    6. </el-header>
    7. -----------------------------------------------------------------
    8. //css
    9. .el-header {
    10.   display: flex;
    11.   justify-content: right;
    12. }
    13. .avatar {
    14.   margin-right: 4vw;
    15.   width: 60px;
    16.   height: 100%;
    17.   border: 1px solid rgba(128, 128, 128, 0.185);
    18.   border-radius: 60px;
    19.   overflow: hidden;
    20.   box-shadow: 0px 0px 2px 1px rgba(128, 128, 128, 0.322);
    21. }
    22. .avatar img {
    23.   width: 100%;
    24.   height: 100%;
    25. }

    。