1

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

@@ -5,7 +5,7 @@
 		<div v-if="personalInViewShow">
 			<div class="personalCenSmallTitle">个人信息</div>
 			<div class="personalCenClose">
-				<span @click="changePassword()" style="font-size:20px;">修改密码</span>
+				<span @click="changePassword()" class="changePasswordStyle">修改密码</span>
 				<img src="../../../../assets/images/truckTuPian/close.png" @click="personalCenCloseFn()" style="cursor: pointer;">
 			</div>
 			<div class="personalCenContent">
@@ -16,7 +16,7 @@
 					</div>
 					<div class="personalCenFrom_content">
 						<div>头像：</div>
-						<img :src="Avatar" class="user-avatar" width="80" style="margin-right:6vw;">
+						<img :src="Avatar" class="user-avatar touxiang1">
 					</div>
 					<div class="personalCenFrom_content">
 						<div>驾龄：</div>
@@ -72,7 +72,7 @@
 				</div>
 			</div>
 			<div class="logOutbtn">
-				<el-button type="primary" round style="width:11vw;height:6vh;font-size:18px;letter-spacing:2px;" @click="openLogOut()">退出登录</el-button>
+				<el-button type="primary" round class="logOutbtnStyle" @click="openLogOut()">退出登录</el-button>
 			</div>
 		</div>
 		
@@ -82,19 +82,19 @@
 			<div style="margin-top:100px;">
 				<div class="changePassWordFrom_content">
 					<div>原始密码：</div>
-					<el-input  v-model="form.oldPass" placeholder="请输入密码" style="width:300px;" show-password></el-input>
+					<el-input  v-model="form.oldPass" placeholder="请输入密码" class="mimaInput1" show-password></el-input>
 				</div>
 				<div class="changePassWordFrom_content">
 					<div>新密码：</div>
-					<el-input v-model="form.newPass" placeholder="请输入密码" style="width:300px;" show-password></el-input>
+					<el-input v-model="form.newPass" placeholder="请输入密码" class="mimaInput1" show-password></el-input>
 				</div>
 				<div class="changePassWordFrom_content">
 					<div>确认密码：</div>
-					<el-input v-model="form.confirmPass" placeholder="请输入密码" style="width:300px;" show-password></el-input>
+					<el-input v-model="form.confirmPass" placeholder="请输入密码" class="mimaInput1" show-password></el-input>
 				</div>
 			</div>
 			<div class="confirmNewPass">
-				<el-button type="primary" round style="width:11vw;height:6vh;font-size:22px;letter-spacing:2px;" @click="doSubmit()">确认</el-button>
+				<el-button type="primary" round class="confirmNewPassStyle" @click="doSubmit()">确认</el-button>
 			</div>
 		</div>
 		
@@ -248,6 +248,29 @@ export default {
 <style scope>
 
 @media screen and (max-width:901px){
+	.changePasswordStyle{
+		font-size:20px;
+	}
+	.touxiang1{
+		width: 80px;
+		height: 80px;
+		margin-right:6vw;
+	}
+	.logOutbtnStyle{
+		width:11vw;
+		height:6vh;
+		font-size:18px;
+		letter-spacing:2px;
+	}
+	.mimaInput1{
+		width:300px;
+	}
+	.confirmNewPassStyle{
+		width:11vw;
+		height:6vh;
+		font-size:22px;
+		letter-spacing:2px;
+	}
 	.personalCenMainViews{
 		position: absolute;
 		z-index: 2;
@@ -357,6 +380,29 @@ export default {
 }
 
 @media screen and (min-width:901px){
+	.changePasswordStyle{
+		font-size:20px;
+	}
+	.touxiang1{
+		width: 80px;
+		height: 80px;
+		margin-right:6vw;
+	}
+	.logOutbtnStyle{
+		width:11vw;
+		height:6vh;
+		font-size:18px;
+		letter-spacing:2px;
+	}
+	.mimaInput1{
+		width:300px;
+	}
+	.confirmNewPassStyle{
+		width:11vw;
+		height:6vh;
+		font-size:22px;
+		letter-spacing:2px;
+	}
 	.personalCenMainViews{
 		position: absolute;
 		z-index: 2;
@@ -465,5 +511,4 @@ export default {
 	}
 }
 
-
 </style>
\ No newline at end of file