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 {
byValue:'',
}
},
computed: {},
mounted() {},
methods: {
loadData(value) {
this.byValue = value;
......@@ -248,110 +246,224 @@ export default {
</script>
<style scope>
.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;
@media screen and (max-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%);
}
}
.confirmNewPass{
position: absolute;
bottom: 50px;
left: 50%;
transform: translateX(-50%);
@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
View file @ 8e7f6972
......@@ -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;
......
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