1

src/views/MLargeScreen/components/personalCenter/index.vue

@@ -40,7 +40,7 @@
 					</div>
 				</div>
 				<div>
-					<div style="height:2.5vh"></div>
+					<div class="personalCenFrom_contentTop"></div>
 					<div class="personalCenFrom_content">
 						<div>姓名：</div>
 						<div class="personalCenFrom_input">{{personalInformationData.name ? personalInformationData.name : '无'}}</div>
@@ -79,7 +79,7 @@
 		<!-- 修改密码 -->
 		<div v-if="changePassWordViewShow">
 			<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>原始密码：</div>
 					<el-input  v-model="form.oldPass" placeholder="请输入密码" class="mimaInput1" show-password></el-input>
@@ -248,27 +248,30 @@ export default {
 <style scope>
 
 @media screen and (max-width:901px){
+	.personalCenFrom_contentTop{
+		height: 7.5vh;
+	}
 	.changePasswordStyle{
 		font-size:20px;
 	}
 	.touxiang1{
-		width: 80px;
-		height: 80px;
+		width: 50px;
+		height: 50px;
 		margin-right:6vw;
 	}
 	.logOutbtnStyle{
 		width:11vw;
 		height:6vh;
-		font-size:18px;
+		font-size:14px;
 		letter-spacing:2px;
 	}
 	.mimaInput1{
-		width:300px;
+		width:30vw;
 	}
 	.confirmNewPassStyle{
 		width:11vw;
-		height:6vh;
-		font-size:22px;
+		height:7vh;
+		font-size:16px;
 		letter-spacing:2px;
 	}
 	.personalCenMainViews{
@@ -287,11 +290,11 @@ export default {
 	/* 个人信息 */
 	.personalCenSmallTitle{
 		color: white;
-		font-size: 18px;
+		font-size: 12px;
 		text-align: center;
-		line-height: 5vh;
+		line-height: 6vh;
 		width: 11vw;
-		height: 5vh;
+		height: 6vh;
 		background:no-repeat center center url('~@/assets/images/truckTuPian/xiaobiaotikuang.png');
 		background-size:100% 100%;
 	}
@@ -301,13 +304,13 @@ export default {
 		right: 1vw;
 	}
 	.personalCenClose>span{
-		margin-right: 20px;
+		margin-right: 2vw;
 		color: white;
-		font-size: 18px;
+		font-size: 16px;
 		cursor: pointer;
 	}
 	.personalCenContent{
-		margin-top: 20px;
+		margin-top: 1vh;
 		width: 100%;
 		display: flex;
 		justify-content: space-between;
@@ -316,15 +319,15 @@ export default {
 		width: 47%;
 	}
 	.personalCenContent_left_title{
-		font-size: 20px;
+		font-size: 16px;
 		color: rgb(23,249,250);
 	}
 	.personalCenFrom_content{
-		margin-top: 15px;
+		margin-top: 1.5vh;
 		color: rgb(23,249,250);
-		font-size: 18px;
+		font-size: 14px;
 		font-weight: 500;
-		letter-spacing: 1px;
+		letter-spacing: 0.5px;
 		display: flex;
 		justify-content: space-between;
 	}
@@ -349,37 +352,50 @@ export default {
 		left: 50%;
 		transform: translateX(-50%);
 	}
+	.logOutbtn .el-button.is-round{
+		padding: 0px;
+	}
 	/* 修改密码 */
 	.changePassWordSmallTitle{
 		color: rgb(23,249,250);
-		font-size: 22px;
+		font-size: 15px;
 		line-height: 4.5vh;
 		width: 15vw;
 		height: 4.5vh;
 		cursor: pointer;
 	}
 	.changePassWordFrom_content{
-		width: 55%;
-		margin: 25px auto 0;
+		width: 65%;
+		margin: 5vh auto 0;
 		color: rgb(23,249,250);
-		font-size: 22px;
+		font-size: 18px;
 		font-weight: 500;
 		letter-spacing: 1px;
 		display: flex;
 		justify-content: space-between;
+		line-height: 9.5vh;
 	}
 	.changePassWordFrom_content>div{
-		font-size: 22px;
+		font-size: 15px;
+	}
+	.changePassWordSmallContent{
+		margin-top:5vh;
 	}
 	.confirmNewPass{
 		position: absolute;
-		bottom: 50px;
+		bottom: 5vh;
 		left: 50%;
 		transform: translateX(-50%);
 	}
+	.confirmNewPass .el-button.is-round{
+		padding: 0px;
+	}
 }
 
 @media screen and (min-width:901px){
+	.personalCenFrom_contentTop{
+		height: 2.5vh;
+	}
 	.changePasswordStyle{
 		font-size:20px;
 	}
@@ -503,6 +519,9 @@ export default {
 	.changePassWordFrom_content>div{
 		font-size: 22px;
 	}
+	.changePassWordSmallContent{
+		margin-top:100px;
+	}
 	.confirmNewPass{
 		position: absolute;
 		bottom: 50px;