-
+
+
{{ info.startAreaName }}
-
+
{{ info.arriveAreaName }}
@@ -196,8 +197,8 @@ export default {
padding-bottom: 40px;
.detail-header {
- padding: 32px;
- height: 680px;
+ padding: 32px 32px 100px 32px;
+ // height: 680px;
background: linear-gradient(135deg, #6496FF 0%, #4F75FF 100%);
position: relative;
@@ -270,6 +271,7 @@ export default {
display: flex;
align-items: center;
margin-bottom: 8px;
+ position: relative;
&:last-child {
margin-bottom: 0;
@@ -281,9 +283,39 @@ export default {
margin-right: 16px;
}
- span {
+ .from,
+ .to {
+ display: inline-block;
+ width: 12px;
+ height: 12px;
+ border: 2px solid #FFFFFF;
+ border-radius: 50%;
+ }
+
+ .from {
+ background: #FFBB3B;
+ z-index: 9;
+
+ }
+
+ .to {
+ background: #2BD6C0;
+ z-index: 9;
+ }
+
+ .lines {
+ position: absolute;
+ top: 35px;
+ left: 6px;
+ width: 4px;
+ height: 80%;
+ border-left: 4px dotted #CCCCCC;
+ }
+
+ span:last-child {
color: #fff;
font-size: 28px;
+ margin-left: 16px;
}
}
}
@@ -293,13 +325,12 @@ export default {
.info {
position: absolute;
- top: 657px;
+ top: 60%;
left: 50%;
width: 100%;
transform: translate(-50%, 1%);
.detail-info {
- margin-top: 24px;
padding: 0 32px;
background: #fff;
border-radius: 16px 16px 0 0;
diff --git a/src/mods/conv/AppReturnHomeRegister/components/date.png b/src/mods/conv/AppReturnHomeRegister/components/date.png
new file mode 100644
index 0000000..06ef45e
Binary files /dev/null and b/src/mods/conv/AppReturnHomeRegister/components/date.png differ