Showing
3 changed files
with
80 additions
and
0 deletions
static/img/product/coupon-big.png
0 → 100644
2.32 KB
| @@ -586,6 +586,53 @@ | @@ -586,6 +586,53 @@ | ||
| 586 | .category-list-only-one-row { | 586 | .category-list-only-one-row { |
| 587 | border-top: none!important; | 587 | border-top: none!important; |
| 588 | } | 588 | } |
| 589 | + | ||
| 590 | + .coupon-content { | ||
| 591 | + overflow-y: auto; | ||
| 592 | + color: #fff; | ||
| 593 | + | ||
| 594 | + .coupon-big { | ||
| 595 | + height: 120px; | ||
| 596 | + background: resolve('product/coupon-big.png') no-repeat; | ||
| 597 | + background-size: 580px 120px; | ||
| 598 | + margin: 30px; | ||
| 599 | + | ||
| 600 | + .coupon-left { | ||
| 601 | + position: absolute; | ||
| 602 | + margin-top: 10px; | ||
| 603 | + } | ||
| 604 | + | ||
| 605 | + .coupon-left .coupon-left-price { | ||
| 606 | + margin: 0 50px; | ||
| 607 | + font-weight: bold; | ||
| 608 | + } | ||
| 609 | + | ||
| 610 | + .coupon-left .coupon-left-price .coupon-sign{ | ||
| 611 | + font-size: 50px; | ||
| 612 | + } | ||
| 613 | + | ||
| 614 | + .coupon-left .coupon-left-price .coupon-price{ | ||
| 615 | + font-size: 72px; | ||
| 616 | + } | ||
| 617 | + | ||
| 618 | + .coupon-left .coupon-left-name { | ||
| 619 | + font-size: 22px; | ||
| 620 | + line-height: 35px; | ||
| 621 | + display: inline-block; | ||
| 622 | + } | ||
| 623 | + | ||
| 624 | + .coupon-right { | ||
| 625 | + width: 20px; | ||
| 626 | + font-size: 22px; | ||
| 627 | + right: 55px; | ||
| 628 | + position: absolute; | ||
| 629 | + height: inherit; | ||
| 630 | + line-height: 25px; | ||
| 631 | + margin-top: 10px; | ||
| 632 | + } | ||
| 633 | + } | ||
| 634 | + } | ||
| 635 | + | ||
| 589 | } | 636 | } |
| 590 | 637 | ||
| 591 | .shop-index + .filter-mask { | 638 | .shop-index + .filter-mask { |
| @@ -53,6 +53,39 @@ | @@ -53,6 +53,39 @@ | ||
| 53 | 53 | ||
| 54 | <div id="home-page" class="main"> | 54 | <div id="home-page" class="main"> |
| 55 | <div id="nav-main" class="nav-main"> | 55 | <div id="nav-main" class="nav-main"> |
| 56 | + <!-- 优惠卷 --> | ||
| 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'> | ||
| 70 | + 立即领取 | ||
| 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'> | ||
| 85 | + 立即领取 | ||
| 86 | + </div> | ||
| 87 | + </div> | ||
| 88 | + </div> | ||
| 56 | <!-- 大导航 --> | 89 | <!-- 大导航 --> |
| 57 | {{#if brandList}} | 90 | {{#if brandList}} |
| 58 | <div class="multi-brands first"> | 91 | <div class="multi-brands first"> |
-
Please register or login to post a comment