Skip to content

N
NewTruckTerminalSyetem
Commit 8e7f6972 authored by xxx's avatar xxx
Browse files
Options

1

parent 3a94b7d5
Hide whitespace changes
Inline Side-by-side
Showing with 219 additions and 108 deletions
src/views/MLargeScreen/components/personalCenter/index.vue
View file @ 8e7f6972
...@@ -119,8 +119,6 @@ export default { ...@@ -119,8 +119,6 @@ export default {
byValue:'', byValue:'',
} }
}, },
computed: {},
mounted() {},
methods: { methods: {
loadData(value) { loadData(value) {
this.byValue = value; this.byValue = value;
...@@ -248,110 +246,224 @@ export default { ...@@ -248,110 +246,224 @@ export default {
</script> </script>
<style scope> <style scope>
.personalCenMainViews{
position: absolute; @media screen and (max-width:901px){
z-index: 2; .personalCenMainViews{
top: 50%; position: absolute;
left: 50%; z-index: 2;
height: 80vh; top: 50%;
width: 70vw; left: 50%;
background:no-repeat center center url('~@/assets/images/truckTuPian/genrezhongxinkuang1.png'); height: 80vh;
background-size:100% 100%; width: 70vw;
transform: translate(-50%,-50%); background:no-repeat center center url('~@/assets/images/truckTuPian/genrezhongxinkuang1.png');
padding: 12px 30px 0px; background-size:100% 100%;
box-sizing: border-box; transform: translate(-50%,-50%);
} padding: 12px 30px 0px;
/* 个人信息 */ box-sizing: border-box;
.personalCenSmallTitle{ }
color: white; /* 个人信息 */
font-size: 18px; .personalCenSmallTitle{
text-align: center; color: white;
line-height: 5vh; font-size: 18px;
width: 11vw; text-align: center;
height: 5vh; line-height: 5vh;
background:no-repeat center center url('~@/assets/images/truckTuPian/xiaobiaotikuang.png'); width: 11vw;
background-size:100% 100%; height: 5vh;
} background:no-repeat center center url('~@/assets/images/truckTuPian/xiaobiaotikuang.png');
.personalCenClose{ background-size:100% 100%;
position: absolute; }
top: 4vh; .personalCenClose{
right: 1vw; position: absolute;
} top: 4vh;
.personalCenClose>span{ right: 1vw;
margin-right: 20px; }
color: white; .personalCenClose>span{
font-size: 18px; margin-right: 20px;
cursor: pointer; color: white;
} font-size: 18px;
.personalCenContent{ cursor: pointer;
margin-top: 20px; }
width: 100%; .personalCenContent{
display: flex; margin-top: 20px;
justify-content: space-between; width: 100%;
} display: flex;
.personalCenContent>div{ justify-content: space-between;
width: 47%; }
} .personalCenContent>div{
.personalCenContent_left_title{ width: 47%;
font-size: 20px; }
color: rgb(23,249,250); .personalCenContent_left_title{
} font-size: 20px;
.personalCenFrom_content{ color: rgb(23,249,250);
margin-top: 15px; }
color: rgb(23,249,250); .personalCenFrom_content{
font-size: 18px; margin-top: 15px;
font-weight: 500; color: rgb(23,249,250);
letter-spacing: 1px; font-size: 18px;
display: flex; font-weight: 500;
justify-content: space-between; letter-spacing: 1px;
} display: flex;
.personalCenFrom_content>div{ justify-content: space-between;
height: 5vh; }
line-height: 5vh; .personalCenFrom_content>div{
} height: 5vh;
.personalCenFrom_input{ line-height: 5vh;
width: 19vw; }
border: 2px solid rgb(23,249,250); .personalCenFrom_input{
border-radius: 5px; width: 19vw;
padding:0px 10px; border: 2px solid rgb(23,249,250);
box-sizing: border-box; border-radius: 5px;
white-space: nowrap; padding:0px 10px;
text-overflow: ellipsis; box-sizing: border-box;
overflow: hidden; white-space: nowrap;
word-break: break-all; text-overflow: ellipsis;
} overflow: hidden;
.logOutbtn{ word-break: break-all;
position: absolute; }
bottom: 20px; .logOutbtn{
left: 50%; position: absolute;
transform: translateX(-50%); bottom: 20px;
} left: 50%;
/* 修改密码 */ transform: translateX(-50%);
.changePassWordSmallTitle{ }
color: rgb(23,249,250); /* 修改密码 */
font-size: 22px; .changePassWordSmallTitle{
line-height: 4.5vh; color: rgb(23,249,250);
width: 15vw; font-size: 22px;
height: 4.5vh; line-height: 4.5vh;
cursor: pointer; width: 15vw;
} height: 4.5vh;
.changePassWordFrom_content{ cursor: pointer;
width: 55%; }
margin: 25px auto 0; .changePassWordFrom_content{
color: rgb(23,249,250); width: 55%;
font-size: 22px; margin: 25px auto 0;
font-weight: 500; color: rgb(23,249,250);
letter-spacing: 1px; font-size: 22px;
display: flex; font-weight: 500;
justify-content: space-between; letter-spacing: 1px;
} display: flex;
.changePassWordFrom_content>div{ justify-content: space-between;
font-size: 22px; }
.changePassWordFrom_content>div{
font-size: 22px;
}
.confirmNewPass{
position: absolute;
bottom: 50px;
left: 50%;
transform: translateX(-50%);
}
} }
.confirmNewPass{
position: absolute; @media screen and (min-width:901px){
bottom: 50px; .personalCenMainViews{
left: 50%; position: absolute;
transform: translateX(-50%); 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> </style>
\ No newline at end of file
src/views/MLargeScreen/index.vue
View file @ 8e7f6972
...@@ -583,7 +583,7 @@ export default { ...@@ -583,7 +583,7 @@ export default {
} }
.ElectricQuantityStyle{ .ElectricQuantityStyle{
width: 75px; width: 75px;
height: 8.5vh; height: 9vh;
} }
.mapcontainer { .mapcontainer {
height: 100vh; height: 100vh;
...@@ -635,7 +635,6 @@ export default { ...@@ -635,7 +635,6 @@ export default {
font-size: 12px; font-size: 12px;
font-weight: 600; font-weight: 600;
text-align: center; text-align: center;
letter-spacing: 1px;
} }
.centerViewsTitle1{ .centerViewsTitle1{
margin-top: 10.5vh; margin-top: 10.5vh;
......
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