diff --git a/src/mods/conv/AppReturnHomeRegister/Detail.vue b/src/mods/conv/AppReturnHomeRegister/Detail.vue index cb1d9f3..c3552e8 100644 --- a/src/mods/conv/AppReturnHomeRegister/Detail.vue +++ b/src/mods/conv/AppReturnHomeRegister/Detail.vue @@ -303,12 +303,10 @@ export default { height: 12px; position: relative; } - .image { width: 32px; height: 32px; - margin-right: 16px; } // .from, @@ -340,88 +338,84 @@ export default { } .info { - position: absolute; - top: 93%; - left: 50%; - width: 100%; - transform: translate(-50%, 1%); - - .detail-info { - padding: 0 32px; - background: #fff; - border-radius: 16px 16px 0 0; + position: absolute; + top: 93%; + left: 50%; + width: 100%; + transform: translate(-50%, 1%); + + .detail-info { + padding: 0 32px; + background: #fff; + border-radius: 16px 16px 0 0; - & > h2 { - height: 116px; - line-height: 116px; - font-size: 38px; - font-weight: 600; - color: #333; - span { - float: right; - font-size: 28px; - color: #FF4466; - font-weight: normal; - } - } - - .detail-info__item { - display: flex; - justify-content: space-between; - padding: 34px 0; - border-bottom: 1px solid #DDDDDD; - - &:last-child { - border: none; + & > h2 { + height: 116px; + line-height: 116px; + font-size: 38px; + font-weight: 600; + color: #333; + span { + float: right; + font-size: 28px; + color: #FF4466; + font-weight: normal; + } } - .left { + .detail-info__item { display: flex; - line-height: 1.3; - max-width: 360px; + justify-content: space-between; + padding: 34px 0; + border-bottom: 1px solid #DDDDDD; - label { - position: relative; + &:last-child { + border: none; + } + + .left { + display: flex; + line-height: 1.3; + max-width: 360px; + + label { + position: relative; + color: #999999; + font-size: 32px; + } + } + + .right { + display: flex; + max-width: 450px; + + span { + color: #333333; + font-size: 32px; + text-align: right; + } + + image { + width: 40px; + height: 40px; + } + } + } + + .detail-info__item_wrap { + display: block; + border-bottom: 1px solid #DDDDDD; + padding: 34px 0; + .left { color: #999999; font-size: 32px; } - } - - .right { - display: flex; - max-width: 450px; - - span { - color: #333333; - font-size: 32px; - text-align: right; - } - - image { - width: 40px; - height: 40px; + .right { + margin-top: 20px; } } } - - .detail-info__item_wrap { - display: block; - border-bottom: 1px solid #DDDDDD; - padding: 34px 0; - .left { - color: #999999; - font-size: 32px; - } - .right { - margin-top: 20px; - } - } - } + } } - - } - - - }