Authored by yyq

店铺样式调整

1 {{# shopTopBanner}} 1 {{# shopTopBanner}}
2 <div class="shop-banner"> 2 <div class="shop-banner">
3 - <div class="banner-img" style="height: {{bannerHeight}}px;background: url({{banner}})"></div> 3 + <div class="banner-img" style="height: {{bannerHeight}}px;background: url({{banner}})">
  4 + <div class="banner-mark"></div>
  5 + </div>
4 {{#if isShowShopName}} 6 {{#if isShowShopName}}
5 <div class="shop-name"> 7 <div class="shop-name">
6 {{brandIntro.brandName}} 8 {{brandIntro.brandName}}
@@ -46,12 +48,9 @@ @@ -46,12 +48,9 @@
46 {{#if navigationBar}} 48 {{#if navigationBar}}
47 <ul class="shop-nav clearfix"> 49 <ul class="shop-nav clearfix">
48 {{#navigationBar}} 50 {{#navigationBar}}
49 - <li class="nav-item {{#if @first}}first{{/if}} {{#if current}}current{{/if}}"> 51 + <li class="nav-item {{#if @first}}first{{/if}}{{#if current}}current{{/if}}">
50 <a href="{{url}}"> 52 <a href="{{url}}">
51 {{name}} 53 {{name}}
52 - {{#if arrow}}  
53 - <span class="iconfont">&#xe63a;</span>  
54 - {{/if}}  
55 </a> 54 </a>
56 </li> 55 </li>
57 {{/navigationBar}} 56 {{/navigationBar}}
@@ -18,6 +18,12 @@ @@ -18,6 +18,12 @@
18 height: 150px; 18 height: 150px;
19 } 19 }
20 20
  21 + .banner-mark {
  22 + width: 100%;
  23 + height: 100%;
  24 + background: resolve('/product/banner-mark.png');
  25 + }
  26 +
21 .opt-wrap { 27 .opt-wrap {
22 position: absolute; 28 position: absolute;
23 top: 65%; 29 top: 65%;
@@ -104,6 +110,11 @@ @@ -104,6 +110,11 @@
104 } 110 }
105 } 111 }
106 112
  113 + .sort-child-list a {
  114 + height: 28px;
  115 + line-height: 28px;
  116 + }
  117 +
107 .coupon { 118 .coupon {
108 margin-top: 20px; 119 margin-top: 20px;
109 width: 100%; 120 width: 100%;
@@ -187,7 +198,6 @@ @@ -187,7 +198,6 @@
187 margin-bottom: 20px; 198 margin-bottom: 20px;
188 width: 235px; 199 width: 235px;
189 height: 315px; 200 height: 315px;
190 - font-size: 14px;  
191 text-align: center; 201 text-align: center;
192 line-height: 1.5; 202 line-height: 1.5;
193 background: #f5f5f5; 203 background: #f5f5f5;
@@ -201,10 +211,16 @@ @@ -201,10 +211,16 @@
201 .title { 211 .title {
202 width: 220px; 212 width: 220px;
203 padding: 0 5px; 213 padding: 0 5px;
  214 + font-size: 12px;
204 text-overflow: ellipsis; 215 text-overflow: ellipsis;
205 white-space: nowrap; 216 white-space: nowrap;
206 overflow: hidden; 217 overflow: hidden;
207 } 218 }
  219 +
  220 + .price {
  221 + font-size: 15px;
  222 + line-height: 32px;
  223 + }
208 } 224 }
209 225
210 .hat { 226 .hat {
@@ -401,6 +417,7 @@ @@ -401,6 +417,7 @@
401 float: left; 417 float: left;
402 width: 316px; 418 width: 316px;
403 margin-left: 10px; 419 margin-left: 10px;
  420 + margin-bottom: 20px;
404 text-align: center; 421 text-align: center;
405 422
406 &:first-child { 423 &:first-child {
@@ -417,7 +434,7 @@ @@ -417,7 +434,7 @@
417 .sub-title { 434 .sub-title {
418 box-sizing: border-box; 435 box-sizing: border-box;
419 font-size: 16px; 436 font-size: 16px;
420 - margin-top: 15px; 437 + font-weight: bold;
421 padding: 0 10px; 438 padding: 0 10px;
422 width: 100%; 439 width: 100%;
423 overflow: hidden; 440 overflow: hidden;
@@ -426,8 +443,12 @@ @@ -426,8 +443,12 @@
426 line-height: 24px; 443 line-height: 24px;
427 } 444 }
428 445
  446 + .main-title {
  447 + padding-top: 20px;
  448 + }
  449 +
429 .sub-title { 450 .sub-title {
430 - margin-top: 0; 451 + padding-bottom: 20px;
431 font-size: 14px; 452 font-size: 14px;
432 } 453 }
433 } 454 }
@@ -500,14 +521,15 @@ @@ -500,14 +521,15 @@
500 display: inline-block; 521 display: inline-block;
501 line-height: 14px; 522 line-height: 14px;
502 vertical-align: middle; 523 vertical-align: middle;
503 - font-weight: bold;  
504 524
505 .name { 525 .name {
506 font-size: 14px; 526 font-size: 14px;
  527 + font-weight: bold;
507 } 528 }
508 529
509 .en-name { 530 .en-name {
510 font-size: 12px; 531 font-size: 12px;
  532 + margin-top: 4px;
511 } 533 }
512 } 534 }
513 535