Merge branch 'release/4.6' of git.yoho.cn:fe/yohobuy-node into release/4.6
Showing
2 changed files
with
35 additions
and
46 deletions
| @@ -3,20 +3,10 @@ | @@ -3,20 +3,10 @@ | ||
| 3 | <div class="slide-wrapper"> | 3 | <div class="slide-wrapper"> |
| 4 | <ul> | 4 | <ul> |
| 5 | {{# list}} | 5 | {{# list}} |
| 6 | - <li style="{{#if bgColor}}background:{{bgColor}}{{/if}}"> | ||
| 7 | - <a href="{{href}}" target= "_blank"> | ||
| 8 | - {{#if @first}} | ||
| 9 | - <img src="{{image img 1150 450}}" style="height: 450px;width: 1150px"> | ||
| 10 | - {{^}} | ||
| 11 | - <img class="lazy" data-original="{{image img 1150 450}}" style="height: 450px;width: 1150px" alt=""> | ||
| 12 | - {{/if}} | ||
| 13 | - </a> | ||
| 14 | - {{# tips}} | ||
| 15 | - <div class="slide-tips"> | ||
| 16 | - <div class="g-mark"></div> | ||
| 17 | - <p>{{.}}</p> | ||
| 18 | - </div> | ||
| 19 | - {{/ tips}} | 6 | + <li class="banner-img" style="background: {{bgColor}} url({{image img 1920 450}}) no-repeat top center;"> |
| 7 | + {{#if href}} | ||
| 8 | + <a href="{{href}}" target= "_blank"></a> | ||
| 9 | + {{/if}} | ||
| 20 | </li> | 10 | </li> |
| 21 | {{/ list}} | 11 | {{/ list}} |
| 22 | </ul> | 12 | </ul> |
| @@ -9,45 +9,44 @@ | @@ -9,45 +9,44 @@ | ||
| 9 | .sale-page { | 9 | .sale-page { |
| 10 | margin-top: 10px; | 10 | margin-top: 10px; |
| 11 | 11 | ||
| 12 | - .slide-switch { | ||
| 13 | - display: block; | 12 | + .slide-container { |
| 13 | + position: relative; | ||
| 14 | + height: 450px; | ||
| 14 | 15 | ||
| 15 | - a { | ||
| 16 | - position: absolute; | ||
| 17 | - top: 50%; | ||
| 18 | - margin: -30px 0 0; | ||
| 19 | - width: 60px; | ||
| 20 | - height: 60px; | ||
| 21 | - line-height: 56px; | ||
| 22 | - text-align: center; | ||
| 23 | - z-index: 2; | ||
| 24 | - background: #fff; | ||
| 25 | - opacity: 0.55; | 16 | + ul { |
| 17 | + width: 100%; | ||
| 18 | + height: 100%; | ||
| 19 | + position: relative; | ||
| 20 | + } | ||
| 26 | 21 | ||
| 27 | - &.prev { | ||
| 28 | - left: 50%; | ||
| 29 | - margin-left: -575px; | ||
| 30 | - } | 22 | + li { |
| 23 | + width: 100%; | ||
| 24 | + height: 100%; | ||
| 25 | + display: block; | ||
| 26 | + position: absolute; | ||
| 27 | + top: 0; | ||
| 28 | + left: 0; | ||
| 29 | + } | ||
| 31 | 30 | ||
| 32 | - &.next { | ||
| 33 | - right: 50%; | ||
| 34 | - margin-right: -575px; | ||
| 35 | - } | 31 | + li > a { |
| 32 | + width: 100%; | ||
| 33 | + height: 100%; | ||
| 34 | + display: block; | ||
| 35 | + } | ||
| 36 | 36 | ||
| 37 | - &:hover { | ||
| 38 | - opacity: 0.9; | ||
| 39 | - } | ||
| 40 | 37 | ||
| 41 | - .iconfont { | ||
| 42 | - font-size: 32px; | ||
| 43 | - color: #59585a; | ||
| 44 | - } | 38 | + .slide-wrapper { |
| 39 | + height: 100%; | ||
| 45 | } | 40 | } |
| 46 | - } | ||
| 47 | 41 | ||
| 48 | - .slide-container { | ||
| 49 | - position: relative; | ||
| 50 | - height: 450px; | 42 | + .slide-switch { |
| 43 | + position: relative; | ||
| 44 | + width: 1150px; | ||
| 45 | + left: 50%; | ||
| 46 | + margin-left: -575px; | ||
| 47 | + top: -225px; | ||
| 48 | + display: block; | ||
| 49 | + } | ||
| 51 | } | 50 | } |
| 52 | 51 | ||
| 53 | /* | 52 | /* |
-
Please register or login to post a comment