fe / yohobuywap-node · Commits

Go to a project

Authored by 王水玲
Commit 55ad7568c7acac9ff42147480f23459e364784fb 1 parent 902a3f2b

首页资源位模板跳转

Inline Side-by-side
Showing 9 changed files with 64 additions and 61 deletions
1 <div class="banner-top"> 1 <div class="banner-top">
2 <div class="banner-swiper swiper-container"> 2 <div class="banner-swiper swiper-container">
3 <ul class="swiper-wrapper"> 3 <ul class="swiper-wrapper">
4 - {{#each list}} 4 + {{#each focus}}
5 {{#if @first}} 5 {{#if @first}}
6 <li class="swiper-slide"> 6 <li class="swiper-slide">
7 <a href="{{url}}"> 7 <a href="{{url}}">
8 - <img src="{{img}}"> 8 + <img src="{{image src 640 240}}">
9 </a> 9 </a>
10 </li> 10 </li>
11 {{^}} 11 {{^}}
12 <li class="swiper-slide"> 12 <li class="swiper-slide">
13 <a href="{{url}}"> 13 <a href="{{url}}">
14 - <img class="swiper-lazy" data-src="{{img}}"> 14 + <img class="swiper-lazy" data-src="{{image src 640 240}}">
15 </a> 15 </a>
16 <div class="swiper-lazy-preloader"></div> 16 <div class="swiper-lazy-preloader"></div>
17 </li> 17 </li>
1 <div class="banner-center"> 1 <div class="banner-center">
2 <a href="{{url}}"> 2 <a href="{{url}}">
3 - <img class="lazy" data-original="{{img}}" alt=""> 3 + <img class="lazy" data-original="{{image src 640 200}}" alt="">
4 </a> 4 </a>
5 </div> 5 </div>
1 {{#content}} 1 {{#content}}
2 - {{log this}}  
3 {{! 头部banner}} 2 {{! 头部banner}}
4 - {{#bannerTop}} 3 + {{#if focus}}
5 {{> channel/banner-top}} 4 {{> channel/banner-top}}
6 - {{/bannerTop}} 5 + {{/if}}
7 {{! 图标入口}} 6 {{! 图标入口}}
8 {{#if appIconList}} 7 {{#if appIconList}}
9 {{> channel/icons-enter}} 8 {{> channel/icons-enter}}
@@ -13,21 +12,21 @@ @@ -13,21 +12,21 @@
13 {{> channel/notice}} 12 {{> channel/notice}}
14 {{/notice}} 13 {{/notice}}
15 {{! 中间banner}} 14 {{! 中间banner}}
16 - {{#banner}} 15 + {{#singleImage}}
17 {{> channel/banner}} 16 {{> channel/banner}}
18 - {{/banner}} 17 + {{/singleImage}}
19 {{! 两个小图}} 18 {{! 两个小图}}
20 {{#smallPic}} 19 {{#smallPic}}
21 {{> channel/thumb-row}} 20 {{> channel/thumb-row}}
22 {{/smallPic}} 21 {{/smallPic}}
23 {{! 热门品类}} 22 {{! 热门品类}}
24 - {{#hotCategory}} 23 + {{#recommendContentFive}}
25 {{> channel/hot-category}} 24 {{> channel/hot-category}}
26 - {{/hotCategory}} 25 + {{/recommendContentFive}}
27 {{! 热门品牌}} 26 {{! 热门品牌}}
28 - {{#hotBrands}} 27 + {{#appHotBrands}}
29 {{> channel/hot-brands-list}} 28 {{> channel/hot-brands-list}}
30 - {{/hotBrands}} 29 + {{/appHotBrands}}
31 {{! 热门品牌可滑动}} 30 {{! 热门品牌可滑动}}
32 {{#hotBrandsScroll}} 31 {{#hotBrandsScroll}}
33 {{> channel/hot-brands-swipe}} 32 {{> channel/hot-brands-swipe}}
@@ -41,13 +40,13 @@ @@ -41,13 +40,13 @@
41 {{> channel/trend-topics}} 40 {{> channel/trend-topics}}
42 {{/trendTopics}} 41 {{/trendTopics}}
43 {{! 潮流时装/经典裤裙/时尚靴履/潮人配饰/潮流上装}} 42 {{! 潮流时装/经典裤裙/时尚靴履/潮人配饰/潮流上装}}
44 - {{#goodsCategory}} 43 + {{#recommendContentOne}}
45 {{> channel/goods-category}} 44 {{> channel/goods-category}}
46 - {{/goodsCategory}} 45 + {{/recommendContentOne}}
47 {{! 新入住品牌/品味生活/创意生活}} 46 {{! 新入住品牌/品味生活/创意生活}}
48 - {{#creativeLife}} 47 + {{#recommendContentTwo}}
49 {{> channel/creative-life}} 48 {{> channel/creative-life}}
50 - {{/creativeLife}} 49 + {{/recommendContentTwo}}
51 {{! PLUS}} 50 {{! PLUS}}
52 {{#plusStar}} 51 {{#plusStar}}
53 {{> channel/plus-star}} 52 {{> channel/plus-star}}
1 -{{> home/floor_header_more}} 1 +{{> channel/floor-header-more}}
2 <div class="creative-life"> 2 <div class="creative-life">
3 - {{# banner}} 3 + {{# big_image}}
4 <a class="banner" href="{{url}}"> 4 <a class="banner" href="{{url}}">
5 - <img class="lazy" data-original="{{img}}"> 5 + <img class="lazy" data-original="{{image src 640 403}}">
6 </a> 6 </a>
7 - {{/ banner}} 7 + {{/ big_image}}
8 <ul class="classify-list clearfix"> 8 <ul class="classify-list clearfix">
9 {{# list}} 9 {{# list}}
10 <li class="classify"> 10 <li class="classify">
11 <a href="{{url}}"> 11 <a href="{{url}}">
12 <div class="classify-logo"> 12 <div class="classify-logo">
13 - <img class="lazy" data-original="{{img}}"> 13 + <img class="lazy" data-original="{{image src 191 191}}">
14 </div> 14 </div>
15 - <p class="classify-name">{{name}}</p> 15 + <p class="classify-name">{{title}}</p>
16 </a> 16 </a>
17 </li> 17 </li>
18 {{/ list}} 18 {{/ list}}
1 -{{# name}} 1 +{{# title}}
2 <div class="floor-header"> 2 <div class="floor-header">
3 - <h2>{{.}}</h2> 3 + <h2>{{title}}</h2>
4 </div> 4 </div>
5 -{{/ name}} 5 +{{/ title}}
1 -{{> home/floor_header_more}} 1 +{{> channel/floor-header-more}}
2 <div class="goods-category"> 2 <div class="goods-category">
3 {{# big_image}} 3 {{# big_image}}
4 - {{#if big_list}}  
5 - <div class="category-swiper">  
6 - <ul class="swiper-wrapper">  
7 - {{# big_list}}  
8 - <li class="swiper-slide"> 4 + {{#if big_list}}
  5 + <div class="category-swiper">
  6 + <ul class="swiper-wrapper">
  7 + {{# big_list}}
  8 + <li class="swiper-slide">
  9 + <a href="{{url}}">
  10 + <img class="lazy" data-original="{{image src 640 403}}" alt="{{title}}">
  11 + </a>
  12 + </li>
  13 + {{/ big_list}}
  14 + </ul>
  15 + <div class="swiper-pagination">
  16 + <div class="pagination-inner clearfix">
  17 + </div>
  18 + </div>
  19 + </div>
  20 + {{^}}
  21 + <div class="category-swiper">
9 <a href="{{url}}"> 22 <a href="{{url}}">
10 - <img class="lazy" data-original="{{img}}" alt="{{title}}"> 23 + <img class="lazy" data-original="{{image src 640 403}}" alt="{{title}}">
11 </a> 24 </a>
12 - </li>  
13 - {{/ big_list}}  
14 - </ul>  
15 - <div class="swiper-pagination">  
16 - <div class="pagination-inner clearfix">  
17 </div> 25 </div>
18 - </div>  
19 - </div>  
20 - {{^}}  
21 - <div class="category-swiper">  
22 - <a href="{{url}}">  
23 - <img class="lazy" data-original="{{img}}" alt="{{title}}">  
24 - </a>  
25 - </div>  
26 - {{/if}} 26 + {{/if}}
27 {{/ big_image}} 27 {{/ big_image}}
28 <ul class="category-list clearfix"> 28 <ul class="category-list clearfix">
29 {{# list}} 29 {{# list}}
30 - <li>  
31 - <a href="{{url}}">  
32 - <div class="img-box">  
33 - <img class="lazy" data-original="{{img}}" alt="">  
34 - </div>  
35 - <p class="category-name">{{textCn}}</p>  
36 - </a>  
37 - </li> 30 + <li>
  31 + <a href="{{url}}">
  32 + <div class="img-box">
  33 + {{#if @first}}
  34 + <img class="lazy" data-original="{{image src 253 383}}" alt="">
  35 + {{^}}
  36 + <img class="lazy" data-original="{{image src 191 191}}" alt="">
  37 + {{/if}}
  38 + </div>
  39 + <p class="category-name">{{title}}</p>
  40 + </a>
  41 + </li>
38 {{/ list}} 42 {{/ list}}
39 </ul> 43 </ul>
40 </div> 44 </div>
1 <ul class="hot-brands clearfix"> 1 <ul class="hot-brands clearfix">
2 -{{> home/floor_header}} 2 +{{> channel/floor-header}}
3 {{# list}} 3 {{# list}}
4 <li class="brand"> 4 <li class="brand">
5 <a href="{{url}}"> 5 <a href="{{url}}">
6 <div class="brand-logo"> 6 <div class="brand-logo">
7 - <img class="lazy" data-original="{{img}}"> 7 + <img class="lazy" data-original="{{image src 158 174}}">
8 </div> 8 </div>
9 <p class="brand-name">{{name}}</p> 9 <p class="brand-name">{{name}}</p>
10 </a> 10 </a>
1 <div class="hot-category"> 1 <div class="hot-category">
2 - {{> home/floor_header}} 2 + {{> channel/floor-header}}
3 3
4 {{# banner}} 4 {{# banner}}
5 <a class="category-banner" href="{{url}}"> 5 <a class="category-banner" href="{{url}}">
6 - <img class="lazy" data-original="{{img}}"> 6 + <img class="lazy" data-original="{{src}}">
7 </a> 7 </a>
8 {{/ banner}} 8 {{/ banner}}
9 <ul class="category-list clearfix"> 9 <ul class="category-list clearfix">
@@ -11,7 +11,7 @@ @@ -11,7 +11,7 @@
11 <li> 11 <li>
12 <a href="{{url}}"> 12 <a href="{{url}}">
13 <div class="img-box"> 13 <div class="img-box">
14 - <img class="lazy" data-original="{{img}}" alt=""> 14 + <img class="lazy" data-original="{{image src 140 140}}" alt="">
15 </div> 15 </div>
16 </a> 16 </a>
17 </li> 17 </li>
1 @charset "utf-8"; 1 @charset "utf-8";
2 @use postcss-clearfix ; 2 @use postcss-clearfix ;
  3 +@import "common/reset";
3 4
4 .clearfix { 5 .clearfix {
5 clear: fix; 6 clear: fix;
@@ -68,7 +69,6 @@ a { @@ -68,7 +69,6 @@ a {
68 border-radius: 10PX; 69 border-radius: 10PX;
69 } 70 }
70 71
71 -@import "common/reset";  
72 @import "common/lazy-failure"; 72 @import "common/lazy-failure";
73 @import "common/loading"; 73 @import "common/loading";
74 @import "channel/index"; 74 @import "channel/index";