Authored by biao

优化购物车页面加价购和赠品栏样式。code review by XWG

@@ -141,7 +141,7 @@ @@ -141,7 +141,7 @@
141 } 141 }
142 142
143 .freebie-and-advance-buy { 143 .freebie-and-advance-buy {
144 - padding: 20rem / $pxConvertRem; 144 + padding: 20rem / $pxConvertRem 0;
145 font-size: 24rem / $pxConvertRem; 145 font-size: 24rem / $pxConvertRem;
146 border-top: 1px solid #e0e0e0; 146 border-top: 1px solid #e0e0e0;
147 margin-bottom: 30rem / $pxConvertRem; 147 margin-bottom: 30rem / $pxConvertRem;
@@ -152,7 +152,6 @@ @@ -152,7 +152,6 @@
152 line-height: 80rem / $pxConvertRem; 152 line-height: 80rem / $pxConvertRem;
153 margin-bottom: 10rem / $pxConvertRem; 153 margin-bottom: 10rem / $pxConvertRem;
154 padding: 0 20rem / $pxConvertRem; 154 padding: 0 20rem / $pxConvertRem;
155 - background: #f1f1f1;  
156 155
157 &:last-child { 156 &:last-child {
158 margin-bottom: 0; 157 margin-bottom: 0;
@@ -162,6 +161,22 @@ @@ -162,6 +161,22 @@
162 float: right; 161 float: right;
163 width: 100%; 162 width: 100%;
164 } 163 }
  164 +
  165 + .under-line {
  166 + display: inline-block;
  167 + height: 1px;
  168 + width: 91%;
  169 + position: absolute;
  170 + left: 9%;
  171 + background-color: #f1f1f1;
  172 + }
  173 +
  174 + }
  175 +
  176 + > li:first-child {
  177 + .under-line {
  178 + display: none;
  179 + }
165 } 180 }
166 181
167 .count { 182 .count {
@@ -22,6 +22,7 @@ @@ -22,6 +22,7 @@
22 <span class="iconfont icon-right-arrow">&#xe614;</span> 22 <span class="iconfont icon-right-arrow">&#xe614;</span>
23 <span class="count">{{giftCount}}</span> 23 <span class="count">{{giftCount}}</span>
24 </a> 24 </a>
  25 + <span class="under-line"></span>
25 </li> 26 </li>
26 {{/if}} 27 {{/if}}
27 {{#if advanceBuy}} 28 {{#if advanceBuy}}
@@ -32,6 +33,7 @@ @@ -32,6 +33,7 @@
32 <span class="iconfont icon-right-arrow">&#xe614;</span> 33 <span class="iconfont icon-right-arrow">&#xe614;</span>
33 <span class="count">{{advanceBuyCount}}</span> 34 <span class="count">{{advanceBuyCount}}</span>
34 </a> 35 </a>
  36 + <span class="under-line"></span>
35 </li> 37 </li>
36 {{/if}} 38 {{/if}}
37 </ul> 39 </ul>