Showing
8 changed files
with
131 additions
and
27 deletions
| 1 | +<div class="shop-foot-wrapper"> | ||
| 2 | + <ul{{#if brandList}} class="foot-list-3"{{/if}}> | ||
| 3 | + <li data-bp-id="shop_footnav_one_1" class="buriedpoint"> | ||
| 4 | + {{#if shopCategory.url}} | ||
| 5 | + <a href="{{shopCategory.url}}">商品分类</a> | ||
| 6 | + {{^}} | ||
| 7 | + <span id="shop-category">商品分类</span> | ||
| 8 | + <div class="sub-group hide"> | ||
| 9 | + <dl> | ||
| 10 | + {{# shopCategory.list}} | ||
| 11 | + <dd data-bp-id="shop_subgroup_{{name}}_1" class="buriedpoint"><a href="{{url}}">{{name}}</a></dd> | ||
| 12 | + {{/ shopCategory.list}} | ||
| 13 | + </dl> | ||
| 14 | + <div class="sharp"></div> | ||
| 15 | + </div> | ||
| 16 | + {{/if}} | ||
| 17 | + <div class="wall"></div> | ||
| 18 | + </li> | ||
| 19 | + <li data-bp-id="shop_footnav_three_1" class="buriedpoint"> | ||
| 20 | + <a href="{{shopIntroHref}}">店铺简介</a> | ||
| 21 | + </li> | ||
| 22 | + </ul> | ||
| 23 | +</div> |
| 1 | +.shop-foot-wrapper { | ||
| 2 | + position: fixed; | ||
| 3 | + left: 0; | ||
| 4 | + bottom: 0; | ||
| 5 | + display: table; | ||
| 6 | + width: 100%; | ||
| 7 | + height: 44PX; | ||
| 8 | + line-height: 44PX; | ||
| 9 | + font-size: 14PX; | ||
| 10 | + background: #fff; | ||
| 11 | + border-top: 1px solid #e0e0e0; | ||
| 12 | + z-index: 2; | ||
| 13 | + | ||
| 14 | + ul { | ||
| 15 | + display: table-row; | ||
| 16 | + } | ||
| 17 | + | ||
| 18 | + li { | ||
| 19 | + display: table-cell; | ||
| 20 | + text-align: center; | ||
| 21 | + | ||
| 22 | + .wall { | ||
| 23 | + width: 0; | ||
| 24 | + height: 14PX; | ||
| 25 | + margin-top: 15PX; | ||
| 26 | + float: right; | ||
| 27 | + border-right: 1px solid #e0e0e0; | ||
| 28 | + display: inline-block; | ||
| 29 | + } | ||
| 30 | + } | ||
| 31 | + | ||
| 32 | + .sub-group { | ||
| 33 | + position: absolute; | ||
| 34 | + background: #fff; | ||
| 35 | + border: 1px solid #e0e0e0; | ||
| 36 | + border-radius: 12px; | ||
| 37 | + bottom: 104px; | ||
| 38 | + width: 40%; | ||
| 39 | + margin-left: 5%; | ||
| 40 | + | ||
| 41 | + dl { | ||
| 42 | + padding: 0 30px; | ||
| 43 | + margin: 0 auto; | ||
| 44 | + } | ||
| 45 | + | ||
| 46 | + dd { | ||
| 47 | + line-height: 80px; | ||
| 48 | + text-align: center; | ||
| 49 | + border-top: 1px solid #e0e0e0; | ||
| 50 | + white-space: nowrap; | ||
| 51 | + overflow: hidden; | ||
| 52 | + text-overflow: ellipsis; | ||
| 53 | + | ||
| 54 | + a { | ||
| 55 | + color: #444; | ||
| 56 | + } | ||
| 57 | + } | ||
| 58 | + | ||
| 59 | + dd:first-child { | ||
| 60 | + border-top: 0; | ||
| 61 | + } | ||
| 62 | + } | ||
| 63 | + | ||
| 64 | + .sharp { | ||
| 65 | + position: absolute; | ||
| 66 | + width: 100%; | ||
| 67 | + height: 10px; | ||
| 68 | + background: resolve("product/sharp.png") no-repeat center center; | ||
| 69 | + } | ||
| 70 | + | ||
| 71 | + .foot-list-3 .sub-group { | ||
| 72 | + width: 29%; | ||
| 73 | + margin-left: 2%; | ||
| 74 | + } | ||
| 75 | +} |
| 1 | -.shop-tabs { | ||
| 2 | - display: flex; | ||
| 3 | - justify-content: space-around; | ||
| 4 | - width: 100%; | ||
| 5 | - font-size: 30px; | ||
| 6 | - line-height: 80px; | ||
| 7 | - border-top: 1PX solid #dededf; | ||
| 8 | - border-bottom: 1PX solid #dededf; | ||
| 9 | - background-color: #fff; | 1 | +.reds-shop { |
| 2 | + .shop-tabs { | ||
| 3 | + display: flex; | ||
| 4 | + justify-content: space-around; | ||
| 5 | + width: 100%; | ||
| 6 | + font-size: 30px; | ||
| 7 | + line-height: 80px; | ||
| 8 | + border-top: 1PX solid #dededf; | ||
| 9 | + border-bottom: 1PX solid #dededf; | ||
| 10 | + background-color: #fff; | ||
| 10 | 11 | ||
| 11 | - em { | ||
| 12 | - color: #dededf; | ||
| 13 | - } | 12 | + em { |
| 13 | + color: #dededf; | ||
| 14 | + } | ||
| 14 | 15 | ||
| 15 | - &.sticky { | ||
| 16 | - z-index: 10; | 16 | + &.sticky { |
| 17 | + z-index: 10; | ||
| 18 | + } | ||
| 17 | } | 19 | } |
| 18 | -} | ||
| 19 | 20 | ||
| 20 | -.shop-tab-nav { | ||
| 21 | - color: #dededf; | ||
| 22 | - width: 33.33%; | ||
| 23 | - text-align: center; | 21 | + .shop-tab-nav { |
| 22 | + color: #dededf; | ||
| 23 | + width: 33.33%; | ||
| 24 | + text-align: center; | ||
| 24 | 25 | ||
| 25 | - &.active { | ||
| 26 | - color: #434241; | ||
| 27 | - } | 26 | + &.active { |
| 27 | + color: #434241; | ||
| 28 | + } | ||
| 28 | 29 | ||
| 29 | - a { | ||
| 30 | - color: inherit; | 30 | + a { |
| 31 | + color: inherit; | ||
| 32 | + } | ||
| 31 | } | 33 | } |
| 32 | } | 34 | } |
| @@ -2,12 +2,12 @@ | @@ -2,12 +2,12 @@ | ||
| 2 | * @Author: Targaryen | 2 | * @Author: Targaryen |
| 3 | * @Date: 2017-03-23 17:12:53 | 3 | * @Date: 2017-03-23 17:12:53 |
| 4 | * @Last Modified by: Targaryen | 4 | * @Last Modified by: Targaryen |
| 5 | - * @Last Modified time: 2017-03-30 11:22:56 | 5 | + * @Last Modified time: 2017-03-31 11:44:01 |
| 6 | */ | 6 | */ |
| 7 | // 红人店铺首页 | 7 | // 红人店铺首页 |
| 8 | 8 | ||
| 9 | /* 标题 */ | 9 | /* 标题 */ |
| 10 | -.red-shop-index { | 10 | +.reds-shop .red-shop-index { |
| 11 | .section-header { | 11 | .section-header { |
| 12 | font-size: 32px; | 12 | font-size: 32px; |
| 13 | font-weight: bold; | 13 | font-weight: bold; |
-
Please register or login to post a comment