|
|
@@ -2,7 +2,11 @@
|
|
|
<div class="containers">
|
|
|
<div class="top">
|
|
|
<el-upload :action="uploadUrl" :show-file-list="false" :before-upload="beforeAvatarUpload2">
|
|
|
- <img class="top" :src="userInfo.bg || require('../../assets/img/bg-moren@3x.png')" alt="" />
|
|
|
+ <img
|
|
|
+ class="top"
|
|
|
+ :src="getImg(userInfo.bg, '', 1300) || require('../../assets/img/bg-moren@3x.png')"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
<i class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
<el-button class="btn" size="small" type="primary">更换背景</el-button>
|
|
|
</el-upload>
|
|
|
@@ -31,7 +35,7 @@
|
|
|
<img
|
|
|
v-if="userInfo.avatar"
|
|
|
class="img2"
|
|
|
- :src="userInfo.avatar || require('../../assets/png-touxiang@.png')"
|
|
|
+ :src="getImg(userInfo.avatar, '', 400) || require('../../assets/png-touxiang@.png')"
|
|
|
alt=""
|
|
|
/>
|
|
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
@@ -493,11 +497,11 @@ export default {
|
|
|
}
|
|
|
.avatar {
|
|
|
position: absolute;
|
|
|
- top: 26px;
|
|
|
+ top: 28px;
|
|
|
width: 100px;
|
|
|
- height: 26px;
|
|
|
+ height: 24px;
|
|
|
border: 0;
|
|
|
- left: 45%;
|
|
|
+ left: 44.8%;
|
|
|
}
|
|
|
}
|
|
|
.userContent {
|
