Showing
2 changed files
with
35 additions
and
2 deletions
@@ -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 | } |
-
Please register or login to post a comment