Skip to content

N
NewTruckTerminalSyetem
Commit 000db5ec authored by xxx's avatar xxx
Browse files
Options

1

parent 99022f5d
Hide whitespace changes
Inline Side-by-side
Showing with 43 additions and 24 deletions
src/views/MLargeScreen/components/personalCenter/index.vue
View file @ 000db5ec
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
</div> </div>
</div> </div>
<div> <div>
<div style="height:2.5vh"></div> <div class="personalCenFrom_contentTop"></div>
<div class="personalCenFrom_content"> <div class="personalCenFrom_content">
<div>姓名：</div> <div>姓名：</div>
<div class="personalCenFrom_input">{{personalInformationData.name ? personalInformationData.name : '无'}}</div> <div class="personalCenFrom_input">{{personalInformationData.name ? personalInformationData.name : '无'}}</div>
...@@ -79,7 +79,7 @@ ...@@ -79,7 +79,7 @@
<!-- 修改密码 --> <!-- 修改密码 -->
<div v-if="changePassWordViewShow"> <div v-if="changePassWordViewShow">
<div class="changePassWordSmallTitle" @click="returnpersonalCen()"><span class="el-icon-arrow-left" style="font-weight:600;"></span> 返回个人中心</div> <div class="changePassWordSmallTitle" @click="returnpersonalCen()"><span class="el-icon-arrow-left" style="font-weight:600;"></span> 返回个人中心</div>
<div style="margin-top:100px;"> <div class="changePassWordSmallContent">
<div class="changePassWordFrom_content"> <div class="changePassWordFrom_content">
<div>原始密码：</div> <div>原始密码：</div>
<el-input v-model="form.oldPass" placeholder="请输入密码" class="mimaInput1" show-password></el-input> <el-input v-model="form.oldPass" placeholder="请输入密码" class="mimaInput1" show-password></el-input>
...@@ -248,27 +248,30 @@ export default { ...@@ -248,27 +248,30 @@ export default {
<style scope> <style scope>
@media screen and (max-width:901px){ @media screen and (max-width:901px){
.personalCenFrom_contentTop{
height: 7.5vh;
}
.changePasswordStyle{ .changePasswordStyle{
font-size:20px; font-size:20px;
} }
.touxiang1{ .touxiang1{
width: 80px; width: 50px;
height: 80px; height: 50px;
margin-right:6vw; margin-right:6vw;
} }
.logOutbtnStyle{ .logOutbtnStyle{
width:11vw; width:11vw;
height:6vh; height:6vh;
font-size:18px; font-size:14px;
letter-spacing:2px; letter-spacing:2px;
} }
.mimaInput1{ .mimaInput1{
width:300px; width:30vw;
} }
.confirmNewPassStyle{ .confirmNewPassStyle{
width:11vw; width:11vw;
height:6vh; height:7vh;
font-size:22px; font-size:16px;
letter-spacing:2px; letter-spacing:2px;
} }
.personalCenMainViews{ .personalCenMainViews{
...@@ -287,11 +290,11 @@ export default { ...@@ -287,11 +290,11 @@ export default {
/* 个人信息 */ /* 个人信息 */
.personalCenSmallTitle{ .personalCenSmallTitle{
color: white; color: white;
font-size: 18px; font-size: 12px;
text-align: center; text-align: center;
line-height: 5vh; line-height: 6vh;
width: 11vw; width: 11vw;
height: 5vh; height: 6vh;
background:no-repeat center center url('~@/assets/images/truckTuPian/xiaobiaotikuang.png'); background:no-repeat center center url('~@/assets/images/truckTuPian/xiaobiaotikuang.png');
background-size:100% 100%; background-size:100% 100%;
} }
...@@ -301,13 +304,13 @@ export default { ...@@ -301,13 +304,13 @@ export default {
right: 1vw; right: 1vw;
} }
.personalCenClose>span{ .personalCenClose>span{
margin-right: 20px; margin-right: 2vw;
color: white; color: white;
font-size: 18px; font-size: 16px;
cursor: pointer; cursor: pointer;
} }
.personalCenContent{ .personalCenContent{
margin-top: 20px; margin-top: 1vh;
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
...@@ -316,15 +319,15 @@ export default { ...@@ -316,15 +319,15 @@ export default {
width: 47%; width: 47%;
} }
.personalCenContent_left_title{ .personalCenContent_left_title{
font-size: 20px; font-size: 16px;
color: rgb(23,249,250); color: rgb(23,249,250);
} }
.personalCenFrom_content{ .personalCenFrom_content{
margin-top: 15px; margin-top: 1.5vh;
color: rgb(23,249,250); color: rgb(23,249,250);
font-size: 18px; font-size: 14px;
font-weight: 500; font-weight: 500;
letter-spacing: 1px; letter-spacing: 0.5px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
...@@ -349,37 +352,50 @@ export default { ...@@ -349,37 +352,50 @@ export default {
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
} }
.logOutbtn .el-button.is-round{
padding: 0px;
}
/* 修改密码 */ /* 修改密码 */
.changePassWordSmallTitle{ .changePassWordSmallTitle{
color: rgb(23,249,250); color: rgb(23,249,250);
font-size: 22px; font-size: 15px;
line-height: 4.5vh; line-height: 4.5vh;
width: 15vw; width: 15vw;
height: 4.5vh; height: 4.5vh;
cursor: pointer; cursor: pointer;
} }
.changePassWordFrom_content{ .changePassWordFrom_content{
width: 55%; width: 65%;
margin: 25px auto 0; margin: 5vh auto 0;
color: rgb(23,249,250); color: rgb(23,249,250);
font-size: 22px; font-size: 18px;
font-weight: 500; font-weight: 500;
letter-spacing: 1px; letter-spacing: 1px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
line-height: 9.5vh;
} }
.changePassWordFrom_content>div{ .changePassWordFrom_content>div{
font-size: 22px; font-size: 15px;
}
.changePassWordSmallContent{
margin-top:5vh;
} }
.confirmNewPass{ .confirmNewPass{
position: absolute; position: absolute;
bottom: 50px; bottom: 5vh;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
} }
.confirmNewPass .el-button.is-round{
padding: 0px;
}
} }
@media screen and (min-width:901px){ @media screen and (min-width:901px){
.personalCenFrom_contentTop{
height: 2.5vh;
}
.changePasswordStyle{ .changePasswordStyle{
font-size:20px; font-size:20px;
} }
...@@ -503,6 +519,9 @@ export default { ...@@ -503,6 +519,9 @@ export default {
.changePassWordFrom_content>div{ .changePassWordFrom_content>div{
font-size: 22px; font-size: 22px;
} }
.changePassWordSmallContent{
margin-top:100px;
}
.confirmNewPass{ .confirmNewPass{
position: absolute; position: absolute;
bottom: 50px; bottom: 50px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment