1

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

@@ -119,8 +119,6 @@ export default {
 			byValue:'',
 		}
 	},
-	computed: {},
-	mounted() {},
 	methods: {
 		loadData(value) {
 			this.byValue = value;
@@ -248,7 +246,9 @@ export default {
 </script>
 
 <style scope>
-.personalCenMainViews{
+
+@media screen and (max-width:901px){
+	.personalCenMainViews{
 		position: absolute;
 		z-index: 2;
 		top: 50%;
@@ -260,9 +260,9 @@ export default {
 		transform: translate(-50%,-50%);
 		padding: 12px 30px 0px;
 		box-sizing: border-box;
-}
-/* 个人信息 */
-.personalCenSmallTitle{
+	}
+	/* 个人信息 */
+	.personalCenSmallTitle{
 		color: white;
 		font-size: 18px;
 		text-align: center;
@@ -271,32 +271,32 @@ export default {
 		height: 5vh;
 		background:no-repeat center center url('~@/assets/images/truckTuPian/xiaobiaotikuang.png');
 		background-size:100% 100%;
-}
-.personalCenClose{
+	}
+	.personalCenClose{
 		position: absolute;
 		top: 4vh;
 		right: 1vw;
-}
-.personalCenClose>span{
+	}
+	.personalCenClose>span{
 		margin-right: 20px;
 		color: white;
 		font-size: 18px;
 		cursor: pointer;
-}
-.personalCenContent{
+	}
+	.personalCenContent{
 		margin-top: 20px;
 		width: 100%;
 		display: flex;
 		justify-content: space-between;
-}
-.personalCenContent>div{
+	}
+	.personalCenContent>div{
 		width: 47%;
-}
-.personalCenContent_left_title{
+	}
+	.personalCenContent_left_title{
 		font-size: 20px;
 		color: rgb(23,249,250);
-}
-.personalCenFrom_content{
+	}
+	.personalCenFrom_content{
 		margin-top: 15px;
 		color: rgb(23,249,250);
 		font-size: 18px;
@@ -304,12 +304,12 @@ export default {
 		letter-spacing: 1px;
 		display: flex;
 		justify-content: space-between;
-}
-.personalCenFrom_content>div{
+	}
+	.personalCenFrom_content>div{
 		height: 5vh;
 		line-height: 5vh;
-}
-.personalCenFrom_input{
+	}
+	.personalCenFrom_input{
 		width: 19vw;
 		border: 2px solid rgb(23,249,250);
 		border-radius: 5px;
@@ -319,23 +319,23 @@ export default {
 		text-overflow: ellipsis;
 		overflow: hidden;
 		word-break: break-all;
-}
-.logOutbtn{
+	}
+	.logOutbtn{
 		position: absolute;
 		bottom: 20px;
 		left: 50%;
 		transform: translateX(-50%);
-}
-/* 修改密码 */
-.changePassWordSmallTitle{
+	}
+	/* 修改密码 */
+	.changePassWordSmallTitle{
 		color: rgb(23,249,250);
 		font-size: 22px;
 		line-height: 4.5vh;
 		width: 15vw;
 		height: 4.5vh;
 		cursor: pointer;
-}
-.changePassWordFrom_content{
+	}
+	.changePassWordFrom_content{
 		width: 55%;
 		margin: 25px auto 0;
 		color: rgb(23,249,250);
@@ -344,14 +344,126 @@ export default {
 		letter-spacing: 1px;
 		display: flex;
 		justify-content: space-between;
-}
-.changePassWordFrom_content>div{
+	}
+	.changePassWordFrom_content>div{
 		font-size: 22px;
+	}
+	.confirmNewPass{
+		position: absolute;
+		bottom: 50px;
+		left: 50%;
+		transform: translateX(-50%);
+	}
 }
-.confirmNewPass{
+
+@media screen and (min-width:901px){
+	.personalCenMainViews{
+		position: absolute;
+		z-index: 2;
+		top: 50%;
+		left: 50%;
+		height: 80vh;
+		width: 70vw;
+		background:no-repeat center center url('~@/assets/images/truckTuPian/genrezhongxinkuang1.png');
+		background-size:100% 100%;
+		transform: translate(-50%,-50%);
+		padding: 12px 30px 0px;
+		box-sizing: border-box;
+	}
+	/* 个人信息 */
+	.personalCenSmallTitle{
+		color: white;
+		font-size: 18px;
+		text-align: center;
+		line-height: 5vh;
+		width: 11vw;
+		height: 5vh;
+		background:no-repeat center center url('~@/assets/images/truckTuPian/xiaobiaotikuang.png');
+		background-size:100% 100%;
+	}
+	.personalCenClose{
+		position: absolute;
+		top: 4vh;
+		right: 1vw;
+	}
+	.personalCenClose>span{
+		margin-right: 20px;
+		color: white;
+		font-size: 18px;
+		cursor: pointer;
+	}
+	.personalCenContent{
+		margin-top: 20px;
+		width: 100%;
+		display: flex;
+		justify-content: space-between;
+	}
+	.personalCenContent>div{
+		width: 47%;
+	}
+	.personalCenContent_left_title{
+		font-size: 20px;
+		color: rgb(23,249,250);
+	}
+	.personalCenFrom_content{
+		margin-top: 15px;
+		color: rgb(23,249,250);
+		font-size: 18px;
+		font-weight: 500;
+		letter-spacing: 1px;
+		display: flex;
+		justify-content: space-between;
+	}
+	.personalCenFrom_content>div{
+		height: 5vh;
+		line-height: 5vh;
+	}
+	.personalCenFrom_input{
+		width: 19vw;
+		border: 2px solid rgb(23,249,250);
+		border-radius: 5px;
+		padding:0px 10px;
+		box-sizing: border-box;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+		overflow: hidden;
+		word-break: break-all;
+	}
+	.logOutbtn{
+		position: absolute;
+		bottom: 20px;
+		left: 50%;
+		transform: translateX(-50%);
+	}
+	/* 修改密码 */
+	.changePassWordSmallTitle{
+		color: rgb(23,249,250);
+		font-size: 22px;
+		line-height: 4.5vh;
+		width: 15vw;
+		height: 4.5vh;
+		cursor: pointer;
+	}
+	.changePassWordFrom_content{
+		width: 55%;
+		margin: 25px auto 0;
+		color: rgb(23,249,250);
+		font-size: 22px;
+		font-weight: 500;
+		letter-spacing: 1px;
+		display: flex;
+		justify-content: space-between;
+	}
+	.changePassWordFrom_content>div{
+		font-size: 22px;
+	}
+	.confirmNewPass{
 		position: absolute;
 		bottom: 50px;
 		left: 50%;
 		transform: translateX(-50%);
+	}
 }
+
+
 </style>
\ No newline at end of file

src/views/MLargeScreen/index.vue

@@ -583,7 +583,7 @@ export default {
 	}
 	.ElectricQuantityStyle{
 		width: 75px;
-		height: 8.5vh;
+		height: 9vh;
 	}
 	.mapcontainer {
 		height: 100vh;
@@ -635,7 +635,6 @@ export default {
 		font-size: 12px;
 		font-weight: 600;
 		text-align: center;
-		letter-spacing: 1px;
 	}
 	.centerViewsTitle1{
 		margin-top: 10.5vh;