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
<div class="banner-top">
<div class="banner-swiper swiper-container">
<ul class="swiper-wrapper">
{{#each list}}
{{#each focus}}
{{#if @first}}
<li class="swiper-slide">
<a href="{{url}}">
<img src="{{img}}">
<img src="{{image src 640 240}}">
</a>
</li>
{{^}}
<li class="swiper-slide">
<a href="{{url}}">
<img class="swiper-lazy" data-src="{{img}}">
<img class="swiper-lazy" data-src="{{image src 640 240}}">
</a>
<div class="swiper-lazy-preloader"></div>
</li>
... ...
<div class="banner-center">
<a href="{{url}}">
<img class="lazy" data-original="{{img}}" alt="">
<img class="lazy" data-original="{{image src 640 200}}" alt="">
</a>
</div>
\ No newline at end of file
... ...
{{#content}}
{{log this}}
{{! 头部banner}}
{{#bannerTop}}
{{#if focus}}
{{> channel/banner-top}}
{{/bannerTop}}
{{/if}}
{{! 图标入口}}
{{#if appIconList}}
{{> channel/icons-enter}}
... ... @@ -13,21 +12,21 @@
{{> channel/notice}}
{{/notice}}
{{! 中间banner}}
{{#banner}}
{{#singleImage}}
{{> channel/banner}}
{{/banner}}
{{/singleImage}}
{{! 两个小图}}
{{#smallPic}}
{{> channel/thumb-row}}
{{/smallPic}}
{{! 热门品类}}
{{#hotCategory}}
{{#recommendContentFive}}
{{> channel/hot-category}}
{{/hotCategory}}
{{/recommendContentFive}}
{{! 热门品牌}}
{{#hotBrands}}
{{#appHotBrands}}
{{> channel/hot-brands-list}}
{{/hotBrands}}
{{/appHotBrands}}
{{! 热门品牌可滑动}}
{{#hotBrandsScroll}}
{{> channel/hot-brands-swipe}}
... ... @@ -41,13 +40,13 @@
{{> channel/trend-topics}}
{{/trendTopics}}
{{! 潮流时装/经典裤裙/时尚靴履/潮人配饰/潮流上装}}
{{#goodsCategory}}
{{#recommendContentOne}}
{{> channel/goods-category}}
{{/goodsCategory}}
{{/recommendContentOne}}
{{! 新入住品牌/品味生活/创意生活}}
{{#creativeLife}}
{{#recommendContentTwo}}
{{> channel/creative-life}}
{{/creativeLife}}
{{/recommendContentTwo}}
{{! PLUS}}
{{#plusStar}}
{{> channel/plus-star}}
... ...
{{> home/floor_header_more}}
{{> channel/floor-header-more}}
<div class="creative-life">
{{# banner}}
{{# big_image}}
<a class="banner" href="{{url}}">
<img class="lazy" data-original="{{img}}">
<img class="lazy" data-original="{{image src 640 403}}">
</a>
{{/ banner}}
{{/ big_image}}
<ul class="classify-list clearfix">
{{# list}}
<li class="classify">
<a href="{{url}}">
<div class="classify-logo">
<img class="lazy" data-original="{{img}}">
<img class="lazy" data-original="{{image src 191 191}}">
</div>
<p class="classify-name">{{name}}</p>
<p class="classify-name">{{title}}</p>
</a>
</li>
{{/ list}}
... ...
{{# name}}
{{# title}}
<div class="floor-header">
<h2>{{.}}</h2>
<h2>{{title}}</h2>
</div>
{{/ name}}
{{/ title}}
... ...
{{> home/floor_header_more}}
{{> channel/floor-header-more}}
<div class="goods-category">
{{# big_image}}
{{#if big_list}}
<div class="category-swiper">
<ul class="swiper-wrapper">
{{# big_list}}
<li class="swiper-slide">
{{#if big_list}}
<div class="category-swiper">
<ul class="swiper-wrapper">
{{# big_list}}
<li class="swiper-slide">
<a href="{{url}}">
<img class="lazy" data-original="{{image src 640 403}}" alt="{{title}}">
</a>
</li>
{{/ big_list}}
</ul>
<div class="swiper-pagination">
<div class="pagination-inner clearfix">
</div>
</div>
</div>
{{^}}
<div class="category-swiper">
<a href="{{url}}">
<img class="lazy" data-original="{{img}}" alt="{{title}}">
<img class="lazy" data-original="{{image src 640 403}}" alt="{{title}}">
</a>
</li>
{{/ big_list}}
</ul>
<div class="swiper-pagination">
<div class="pagination-inner clearfix">
</div>
</div>
</div>
{{^}}
<div class="category-swiper">
<a href="{{url}}">
<img class="lazy" data-original="{{img}}" alt="{{title}}">
</a>
</div>
{{/if}}
{{/if}}
{{/ big_image}}
<ul class="category-list clearfix">
{{# list}}
<li>
<a href="{{url}}">
<div class="img-box">
<img class="lazy" data-original="{{img}}" alt="">
</div>
<p class="category-name">{{textCn}}</p>
</a>
</li>
<li>
<a href="{{url}}">
<div class="img-box">
{{#if @first}}
<img class="lazy" data-original="{{image src 253 383}}" alt="">
{{^}}
<img class="lazy" data-original="{{image src 191 191}}" alt="">
{{/if}}
</div>
<p class="category-name">{{title}}</p>
</a>
</li>
{{/ list}}
</ul>
</div>
\ No newline at end of file
... ...
<ul class="hot-brands clearfix">
{{> home/floor_header}}
{{> channel/floor-header}}
{{# list}}
<li class="brand">
<a href="{{url}}">
<div class="brand-logo">
<img class="lazy" data-original="{{img}}">
<img class="lazy" data-original="{{image src 158 174}}">
</div>
<p class="brand-name">{{name}}</p>
</a>
... ...
<div class="hot-category">
{{> home/floor_header}}
{{> channel/floor-header}}
{{# banner}}
<a class="category-banner" href="{{url}}">
<img class="lazy" data-original="{{img}}">
<img class="lazy" data-original="{{src}}">
</a>
{{/ banner}}
<ul class="category-list clearfix">
... ... @@ -11,7 +11,7 @@
<li>
<a href="{{url}}">
<div class="img-box">
<img class="lazy" data-original="{{img}}" alt="">
<img class="lazy" data-original="{{image src 140 140}}" alt="">
</div>
</a>
</li>
... ...
@charset "utf-8";
@use postcss-clearfix ;
@import "common/reset";
.clearfix {
clear: fix;
... ... @@ -68,7 +69,6 @@ a {
border-radius: 10PX;
}
@import "common/reset";
@import "common/lazy-failure";
@import "common/loading";
@import "channel/index";
... ...