|  |  | 
 |  |  |       :on-success="handleAvatarSuccess" | 
 |  |  |       :on-error="uploadError" | 
 |  |  |       :before-upload="beforeAvatarUpload"> | 
 |  |  |       <img v-if=" file.imgurlfull" :src="file.imgurlfull" :style="customStyle" class="avatar"> | 
 |  |  |       <img v-if=" file.imgurlfull" style="width: 100%;" :src="file.imgurlfull" :style="customStyle" class="avatar"> | 
 |  |  |       <div v-else :style="customStyle"> | 
 |  |  |         <i class="el-icon-plus avatar-uploader-icon"></i> | 
 |  |  |         <div class="tips-style">{{ tipsLabel }}</div> | 
 |  |  | 
 |  |  | </script> | 
 |  |  |  | 
 |  |  | <style lang="scss" scoped> | 
 |  |  | $image-width: 100px; | 
 |  |  | $image-width: 90px; | 
 |  |  | .avatar-uploader { | 
 |  |  |   width: $image-width; | 
 |  |  |   height: $image-width; | 
 |  |  | 
 |  |  |   border-radius: 6px; | 
 |  |  |   cursor: pointer; | 
 |  |  |   position: relative; | 
 |  |  |   width: $image-width; | 
 |  |  |   height: $image-width; | 
 |  |  |   overflow: hidden; | 
 |  |  | } | 
 |  |  | .avatar-uploader .el-upload:hover { | 
 |  |  | 
 |  |  |   text-align: center; | 
 |  |  | } | 
 |  |  | .avatar { | 
 |  |  |   width: $image-width; | 
 |  |  |   height: $image-width; | 
 |  |  |   width: 100% !important; | 
 |  |  |   height: auto !important; | 
 |  |  |   display: block; | 
 |  |  | } | 
 |  |  | .tips-style { |