| 1 |
- .avatar-uploader .el-upload{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.avatar-uploader .el-upload:hover{border-color:#409eff}.avatar-uploader-icon{font-size:28px;color:#8c939d;width:178px;height:178px;line-height:178px;text-align:center}.avatar{width:178px;height:178px;display:block}.avatar-box{-webkit-box-shadow:-2px 0 20px -16px;box-shadow:-2px 0 20px -16px;width:80%;height:100%}.avatar-box .user-card{min-height:calc(90vh - 200px);padding:30px 20px;text-align:center}.avatar-box .user-card .el-avatar{border-radius:50%}.avatar-box .user-card .user-personality{padding:24px 0;text-align:center}.avatar-box .user-card .user-personality p{font-size:16px}.avatar-box .user-card .user-personality .nickname{font-size:26px}.avatar-box .user-card .user-personality .person-info{margin-top:6px;font-size:14px;color:#999}.avatar-box .user-card .user-information{width:100%;height:100%;text-align:left}.avatar-box .user-card .user-information ul{display:inline-block;height:100%}.avatar-box .user-card .user-information ul li{padding:20px 0;font-size:16px;font-weight:400;color:#606266}.avatar-box .user-card .user-information ul li i{margin-right:8px}.user-addcount ul li{border-bottom:2px solid #f0f2f5}.user-addcount ul li .title{padding:10px;font-size:18px;color:#696969}.user-addcount ul li .desc{font-size:16px;padding:0 10px 20px 10px;color:#a9a9a9}.user-addcount ul li .desc a{color:#409eff;float:right}.user-headpic-update{width:120px;height:120px;line-height:120px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:20px}.user-headpic-update:hover{color:#fff;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.15)),to(rgba(0,0,0,.15))),radial-gradient(at top center,hsla(0,0%,100%,.4) 0,rgba(0,0,0,.4) 120%) #989898;background:linear-gradient(180deg,hsla(0,0%,100%,.15) 0,rgba(0,0,0,.15)),radial-gradient(at top center,hsla(0,0%,100%,.4) 0,rgba(0,0,0,.4) 120%) #989898;background-blend-mode:multiply,multiply}.user-headpic-update:hover .update{color:#fff}.user-headpic-update .update{height:120px;width:120px;text-align:center;color:transparent}
|
