fe / yohobuywap-node · Commits

Go to a project

Authored by 郭成尧
Commit 3f7d5417fc4a7b57df06dc977c85ae14e83910e2 1 parent a980d107

logistic-style

Inline Side-by-side
Showing 2 changed files with 17 additions and 4 deletions
<div class="logistic-page yoho-page">
<div class="overview">
<div class="left" >
<a href="{{logisticUrl}}"><img class="icon" src="{{logisticImg}}" /></a>
</div>
{{#if logisticImg}}
<div class="left" >
<a href="{{logisticUrl}}"><img class="icon" src="{{logisticImg}}" /></a>
</div>
{{/if}}
<div class="right">
<div>
<span class='info'>物流公司:</span>
... ...
... ... @@ -2,6 +2,11 @@ $logistic_gray: #f0f0f0;
$border_color_strong: #e5e5e5;
$border_color_light: #eee;
@define-extend padding-left-right {
padding-left: 30px;
padding-right: 30px;
}
.logistic-page {
background-color: $logistic_gray;
... ... @@ -14,6 +19,8 @@ $border_color_light: #eee;
color: #464646;
border-bottom: 1px solid $border_color_strong;
@extend padding-left-right;
.left {
width: 19%;
float: left;
... ... @@ -55,13 +62,17 @@ $border_color_light: #eee;
height: 112px;
line-height: 112px;
background-color: #fff;
font-size: 40px;
font-size: 28px;
@extend padding-left-right;
}
.detail {
background-color: #fff;
padding-left: 80px;
margin-bottom: 40px;
@extend padding-left-right;
}
.timeline-box {
... ...