fe / YOHOBUYWAP · Commits

Go to a project

Authored by 郝肖肖
Commit 2781bbba69187dbf1c9193df629ec7909faa7480 1 parent b1484673

店铺小券

Inline Side-by-side
Showing 3 changed files with 146 additions and 29 deletions
@@ -588,11 +588,18 @@ @@ -588,11 +588,18 @@
588 } 588 }
589 589
590 .coupon-content { 590 .coupon-content {
591 - overflow-y: auto;  
592 color: #fff; 591 color: #fff;
  592 + height: 180px;
  593 + overflow: hidden;
  594 + overflow-x: scroll;
  595 +
  596 + .coupon-scroll {
  597 + height: inherit;
  598 + }
593 599
594 .coupon-big { 600 .coupon-big {
595 height: 120px; 601 height: 120px;
  602 + width: 580px;
596 background: resolve('product/coupon-big.png') no-repeat; 603 background: resolve('product/coupon-big.png') no-repeat;
597 background-size: 580px 120px; 604 background-size: 580px 120px;
598 margin: 30px; 605 margin: 30px;
@@ -604,7 +611,6 @@ @@ -604,7 +611,6 @@
604 611
605 .coupon-left .coupon-left-price { 612 .coupon-left .coupon-left-price {
606 margin: 0 50px; 613 margin: 0 50px;
607 - font-weight: bold;  
608 } 614 }
609 615
610 .coupon-left .coupon-left-price .coupon-sign{ 616 .coupon-left .coupon-left-price .coupon-sign{
@@ -613,6 +619,7 @@ @@ -613,6 +619,7 @@
613 619
614 .coupon-left .coupon-left-price .coupon-price{ 620 .coupon-left .coupon-left-price .coupon-price{
615 font-size: 72px; 621 font-size: 72px;
  622 + font-weight: bold;
616 } 623 }
617 624
618 .coupon-left .coupon-left-name { 625 .coupon-left .coupon-left-name {
@@ -631,6 +638,53 @@ @@ -631,6 +638,53 @@
631 margin-top: 10px; 638 margin-top: 10px;
632 } 639 }
633 } 640 }
  641 +
  642 + .coupon-small {
  643 + height: 120px;
  644 + width: 245px;
  645 + background: resolve('product/coupon-small.png') no-repeat;
  646 + background-size: 245px 120px;
  647 + margin: 30px 0 30px 30px;
  648 + position: relative;
  649 + float: left;
  650 +
  651 + .coupon-left {
  652 + position: absolute;
  653 + width: 190px;
  654 + overflow: hidden;
  655 + margin: 0 30px;
  656 + }
  657 +
  658 + .coupon-left .coupon-left-price {
  659 + width: inherit;
  660 + display: inline-block;
  661 + }
  662 +
  663 + .coupon-left .coupon-left-price .coupon-sign{
  664 + font-size: 42px;
  665 + }
  666 +
  667 + .coupon-left .coupon-left-price .coupon-price{
  668 + font-size: 52px;
  669 + font-weight: bold;
  670 + }
  671 +
  672 + .coupon-left .coupon-left-name {
  673 + font-size: 18px;
  674 + display: inline-block;
  675 + margin-top: -10px;
  676 + }
  677 +
  678 + .coupon-right {
  679 + width: 20px;
  680 + font-size: 18px;
  681 + right: 17px;
  682 + position: absolute;
  683 + height: inherit;
  684 + line-height: 25px;
  685 + margin-top: 10px;
  686 + }
  687 + }
634 } 688 }
635 689
636 } 690 }
@@ -55,37 +55,100 @@ @@ -55,37 +55,100 @@
55 <div id="nav-main" class="nav-main"> 55 <div id="nav-main" class="nav-main">
56 <!-- 优惠卷 --> 56 <!-- 优惠卷 -->
57 <div class="coupon-content"> 57 <div class="coupon-content">
58 - <div class="coupon-big">  
59 - <div class='coupon-left'>  
60 - <span class="coupon-left-price">  
61 - <span class="coupon-sign">¥</span>  
62 - <span class="coupon-price">10</span>  
63 - </span>  
64 - <span class="coupon-left-name">  
65 - 阿迪达斯品牌<br />  
66 - 满560减300  
67 - </span>  
68 - </div>  
69 - <div class='coupon-right'> 58 + <div class="coupon-scroll">
  59 + <div class="coupon-small">
  60 + <div class='coupon-left'>
  61 + <span class="coupon-left-price">
  62 + <span class="coupon-sign">¥</span>
  63 + <span class="coupon-price">10</span>
  64 + </span>
  65 + <span class="coupon-left-name">
  66 + 阿迪达斯品牌<br />
  67 + 满560减300
  68 + </span>
  69 + </div>
  70 + <div class='coupon-right'>
70 立即领取 71 立即领取
71 - </div>  
72 - </div>  
73 - <div class="coupon-big">  
74 - <div class='coupon-left'>  
75 - <span class="coupon-left-price">  
76 - <span class="coupon-sign">¥</span>  
77 - <span class="coupon-price">10</span>  
78 - </span>  
79 - <span class="coupon-left-name">  
80 - 阿迪达斯品牌<br />  
81 - 满560减300  
82 - </span>  
83 - </div>  
84 - <div class='coupon-right'> 72 + </div>
  73 + </div><!--/coupon-small-->
  74 + <div class="coupon-small">
  75 + <div class='coupon-left'>
  76 + <span class="coupon-left-price">
  77 + <span class="coupon-sign">¥</span>
  78 + <span class="coupon-price">10</span>
  79 + </span>
  80 + <span class="coupon-left-name">
  81 + 阿迪达斯品牌<br />
  82 + 满560减300
  83 + </span>
  84 + </div>
  85 + <div class='coupon-right'>
85 立即领取 86 立即领取
86 - </div> 87 + </div>
  88 + </div><!--/coupon-small-->
  89 + <div class="coupon-small">
  90 + <div class='coupon-left'>
  91 + <span class="coupon-left-price">
  92 + <span class="coupon-sign">¥</span>
  93 + <span class="coupon-price">10</span>
  94 + </span>
  95 + <span class="coupon-left-name">
  96 + 阿迪达斯品牌<br />
  97 + 满560减300
  98 + </span>
  99 + </div>
  100 + <div class='coupon-right'>
  101 + 立即领取
  102 + </div>
  103 + </div><!--/coupon-small-->
  104 + <div class="coupon-small">
  105 + <div class='coupon-left'>
  106 + <span class="coupon-left-price">
  107 + <span class="coupon-sign">¥</span>
  108 + <span class="coupon-price">10</span>
  109 + </span>
  110 + <span class="coupon-left-name">
  111 + 阿迪达斯品牌<br />
  112 + 满560减300
  113 + </span>
  114 + </div>
  115 + <div class='coupon-right'>
  116 + 立即领取
  117 + </div>
  118 + </div><!--/coupon-small-->
  119 + <div class="coupon-small">
  120 + <div class='coupon-left'>
  121 + <span class="coupon-left-price">
  122 + <span class="coupon-sign">¥</span>
  123 + <span class="coupon-price">10</span>
  124 + </span>
  125 + <span class="coupon-left-name">
  126 + 阿迪达斯品牌<br />
  127 + 满560减300
  128 + </span>
  129 + </div>
  130 + <div class='coupon-right'>
  131 + 立即领取
  132 + </div>
  133 + </div><!--/coupon-small-->
  134 + <div class="coupon-small">
  135 + <div class='coupon-left'>
  136 + <span class="coupon-left-price">
  137 + <span class="coupon-sign">¥</span>
  138 + <span class="coupon-price">10</span>
  139 + </span>
  140 + <span class="coupon-left-name">
  141 + 阿迪达斯品牌<br />
  142 + 满560减300
  143 + </span>
  144 + </div>
  145 + <div class='coupon-right'>
  146 + 立即领取
  147 + </div>
  148 + </div><!--/coupon-small-->
87 </div> 149 </div>
88 </div> 150 </div>
  151 +
89 <!-- 大导航 --> 152 <!-- 大导航 -->
90 {{#if brandList}} 153 {{#if brandList}}
91 <div class="multi-brands first"> 154 <div class="multi-brands first">