Authored by ccbikai

SALE 频道选择

@@ -24,3 +24,11 @@ if ($('.swiper-container .swiper-slide').length > 1) { @@ -24,3 +24,11 @@ if ($('.swiper-container .swiper-slide').length > 1) {
24 pagination: '.banner-top .pagination-inner' 24 pagination: '.banner-top .pagination-inner'
25 }); 25 });
26 } 26 }
  27 +
  28 +$(function() {
  29 + var $saleNavSelect = $('.sale-nav-select');
  30 +
  31 + $('.sale-nav').on('click', function() {
  32 + $saleNavSelect.slideToggle();
  33 + });
  34 +});
1 .yoho-header { 1 .yoho-header {
2 .sale-nav { 2 .sale-nav {
3 text-transform: capitalize; 3 text-transform: capitalize;
  4 + font-size: 36px;
4 } 5 }
5 6
6 + .sale-nav-select { 7 + .sale-nav-select {
7 position: absolute; 8 position: absolute;
8 top: 90px; 9 top: 90px;
9 - right: 10px; 10 + right: 20px;
10 z-index: 2; 11 z-index: 2;
11 - background: #000; 12 + display: none;
  13 + padding: 10px 30px;
  14 + min-width: 246px;
  15 + border-radius: 10px;
  16 + background-color: #000;
  17 + background-image: linear-gradient(to bottom, #000 0%, #333 100%);
  18 + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.6);
12 text-align: center; 19 text-align: center;
  20 + font-size: 28px;
  21 + line-height: 80px;
  22 +
  23 + &:before {
  24 + position: absolute;
  25 + top: -10px;
  26 + right: 30px;
  27 + width: 20px;
  28 + height: 20px;
  29 + background: #000;
  30 + content: "";
  31 + transform: rotate(45deg);
  32 + }
13 33
14 a { 34 a {
15 display: block; 35 display: block;
  36 + border-bottom: 2px solid #ccc;
16 color: #fff; 37 color: #fff;
  38 +
  39 + &:last-child {
  40 + border-bottom: none;
  41 + }
17 } 42 }
18 } 43 }
19 } 44 }