|
|
@@ -2,7 +2,7 @@
|
|
|
<div class="mine">
|
|
|
<!--<navbar />-->
|
|
|
<div class="mine-page">
|
|
|
- <div class="left-max-box">
|
|
|
+ <div class="left-max-box scrollbar-box">
|
|
|
<p class="left-title">个人中心</p>
|
|
|
<div class="left-user-img">
|
|
|
<userAvatar :user="user" />
|
|
|
@@ -54,7 +54,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="right-max-box">
|
|
|
+ <div class="right-max-box scrollbar-box">
|
|
|
<div class="right-title-box">
|
|
|
<div class="title-button-min-box" @click="buttonTypeClick(1)">
|
|
|
<p :class="buttonType == '1'?'bottomColor':''">基本资料</p>
|
|
|
@@ -77,12 +77,13 @@
|
|
|
placeholder="请输入联系方式"
|
|
|
clearable/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item class="form-item-min" label="邮箱：" prop="email" label-width="110px">
|
|
|
+ <el-form-item class="form-item-min" label="邮箱：" prop="email" label-width="120px">
|
|
|
<el-input
|
|
|
maxlength="40"
|
|
|
v-model="userform.email"
|
|
|
placeholder="请输入邮箱"
|
|
|
clearable
|
|
|
+ style="width:200px;"
|
|
|
size="small"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
@@ -91,13 +92,14 @@
|
|
|
v-model="userform.dateBirth"
|
|
|
value-format="yyyy-MM-dd"
|
|
|
type="date"
|
|
|
+ style="width:200px;"
|
|
|
placeholder="请选择出生日期">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
<div>
|
|
|
<el-form-item class="form-item-min" label="人脸照片：" prop="searchValue" label-width="120px">
|
|
|
- <div class="up-data-box" style="width:210px;">
|
|
|
+ <div class="up-data-box" style="width:200px;">
|
|
|
<div class="up-data-min-box" style="display: flex;">
|
|
|
<div class="up-data-button" v-if="!user.faceImg" @click="upFaceOpenClick(2)">
|
|
|
<p>+</p>
|
|
|
@@ -145,7 +147,7 @@
|
|
|
size="small"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item class="form-item-min" label="新密码：" prop="newPassword" label-width="110px">
|
|
|
+ <el-form-item class="form-item-min" label="新密码：" prop="newPassword" label-width="120px">
|
|
|
<el-input
|
|
|
maxlength="16"
|
|
|
type="password"
|
|
|
@@ -619,12 +621,14 @@
|
|
|
width:100%;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
+ overflow: hidden;
|
|
|
*{
|
|
|
margin:0;
|
|
|
}
|
|
|
.mine-page{
|
|
|
flex:1;
|
|
|
display: flex;
|
|
|
+ overflow: hidden;
|
|
|
.left-max-box{
|
|
|
width:300px;
|
|
|
/*margin:20px;*/
|
|
|
@@ -781,7 +785,7 @@
|
|
|
}
|
|
|
.type-one-max-box{
|
|
|
width:100px;
|
|
|
- margin:40px auto 0;
|
|
|
+ margin:40px auto;
|
|
|
}
|
|
|
.up-data-box{
|
|
|
display: inline-block;
|
dedsudiyu