Skip to content

S
SuperMan
Commit 9d2cdb44 authored by youjie's avatar youjie
Browse files
Options

no message

parent 42450292
Hide whitespace changes
Inline Side-by-side
Showing with 19 additions and 6 deletions
src/components/newTravelmanager/TravelGroupControl/UpgradedVersion/UpgradedVersionDetails.vue
View file @ 9d2cdb44
<template> <template>
<div class="UpgradedVersionDetails-form absolute row-sb z-index1"> <div class="UpgradedVersionDetails-form absolute row-sb z-index1">
<div class="UpgradedVersionDetails-box column" v-for="item in 3"> <div class="UpgradedVersionDetails-box column" v-for="item in 3">
<div class="UpgradedVersionDetails-imgbox"> <div class="UpgradedVersionDetails-imgbox row-aic">
<div class="UpgradedVersionDetails-img relative"> <div class="UpgradedVersionDetails-img relative">
<div> <div>
<img src="http://192.168.10.214:8130/Upload/NewTripFeature/homeBj.png"/> <img src="http://192.168.10.214:8130/Upload/NewTripFeature/homeBj.png"/>
...@@ -9,6 +9,7 @@ ...@@ -9,6 +9,7 @@
<div class="UpgradedVersionDetails-detailsTop absolute"></div> <div class="UpgradedVersionDetails-detailsTop absolute"></div>
</div> </div>
</div> </div>
<!-- UpgradedVersionDetails-two UpgradedVersionDetails-three-->
<div class="UpgradedVersionDetails-Title UpgradedVersionDetails-two"> <div class="UpgradedVersionDetails-Title UpgradedVersionDetails-two">
<div class="UpgradedVersionDetails-Img-one relative"> <div class="UpgradedVersionDetails-Img-one relative">
<div class="UpgradedVersionDetails-T absolute"> <div class="UpgradedVersionDetails-T absolute">
...@@ -71,9 +72,10 @@ ...@@ -71,9 +72,10 @@
left: 0; left: 0;
top: 341px; top: 341px;
right: 0; right: 0;
padding: 0 35px;
} }
.UpgradedVersionDetails-imgbox{ .UpgradedVersionDetails-imgbox{
margin-left: 35px;
} }
.UpgradedVersionDetails-img{ .UpgradedVersionDetails-img{
width: 332px; width: 332px;
...@@ -107,27 +109,38 @@ ...@@ -107,27 +109,38 @@
.UpgradedVersionDetails-Title{ .UpgradedVersionDetails-Title{
width: 276px; width: 276px;
margin: 111px auto; margin: 111px auto;
padding: 0 26px;
} }
.UpgradedVersionDetails-Img-one{ .UpgradedVersionDetails-Img-one{
width: 60px; width: 72px;
height: 59px; height: 32px;
background: url("http://192.168.10.214:8130/Upload/NewTripFeature/one.png") no-repeat center; background: url("http://192.168.10.214:8130/Upload/NewTripFeature/one.png") no-repeat center;
background-size: 100% 100%; background-size: 100% 100%;
} }
.UpgradedVersionDetails-two .UpgradedVersionDetails-Img-one{ .UpgradedVersionDetails-two .UpgradedVersionDetails-Img-one{
background: url("http://192.168.10.214:8130/Upload/NewTripFeature/two.png") no-repeat center; background: url("http://192.168.10.214:8130/Upload/NewTripFeature/two.png") no-repeat center;
background-size: 100% 100%;
} }
.UpgradedVersionDetails-three .UpgradedVersionDetails-Img-one{ .UpgradedVersionDetails-three .UpgradedVersionDetails-Img-one{
background: url("http://192.168.10.214:8130/Upload/NewTripFeature/three.png") no-repeat center; background: url("http://192.168.10.214:8130/Upload/NewTripFeature/three.png") no-repeat center;
background-size: 100% 100%;
} }
.UpgradedVersionDetails-Img-two{ .UpgradedVersionDetails-Img-two{
width: 264px; width: 264px;
height: 21px; height: 21px;
background: url("http://192.168.10.214:8130/Upload/NewTripFeature/fooding.png") no-repeat center; background: url("http://192.168.10.214:8130/Upload/NewTripFeature/fooding.png") no-repeat center;
background-size: 100% 100%; background-size: 100% 100%;
margin-top: 53px; margin-top: 77px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.UpgradedVersionDetails-two .UpgradedVersionDetails-Img-two{
background: url("http://192.168.10.214:8130/Upload/NewTripFeature/experience.png") no-repeat center;
background-size: 100% 100%;
}
.UpgradedVersionDetails-three .UpgradedVersionDetails-Img-two{
background: url("http://192.168.10.214:8130/Upload/NewTripFeature/delicious.png") no-repeat center;
background-size: 100% 100%;
}
.UpgradedVersionDetails-T{ .UpgradedVersionDetails-T{
width: 276px; width: 276px;
...@@ -138,7 +151,7 @@ ...@@ -138,7 +151,7 @@
font-weight: 400; font-weight: 400;
color: #2A2A2A; color: #2A2A2A;
left: -7px; left: -7px;
bottom: -26px; bottom: -53px;
} }
.UpgradedVersionDetails-T-two{ .UpgradedVersionDetails-T-two{
width: 276px; width: 276px;
......
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