wangshusheng / YOHOBUYPC · Commits

Go to a project

Authored by lore-w
Commit 36c0266cef6d3a9027a2fcabff5ce172f34345b1 1 parent 805dc656

商品列表页模板修改 code review by liuyue

Inline Side-by-side
Showing 3 changed files with 111 additions and 285 deletions
1 {{> layout/header}} 1 {{> layout/header}}
2 -<div class="product-list-page yoho-page"> 2 +<div class="product-list-page product-page yoho-page">
3 {{# list}} 3 {{# list}}
4 - {{# brandBanner}}  
5 - <div class="brand-banner">  
6 - <div class="banner-img" style="height: {{bannerHeight}}px;background: url({{banner}})"></div>  
7 - <div class="opt-wrap">  
8 - <p class="opt center-content">  
9 - <a href="{{brandHome}}">  
10 - <i class="iconfont">&#xe617;</i>  
11 - 品牌首页  
12 - </a>  
13 - <a href="{{brandIntro}}">  
14 - <i class="iconfont">&#xe618;</i>  
15 - 品牌介绍  
16 - </a> 4 + {{# brandBanner}}
  5 + <div class="brand-banner">
  6 + <div class="banner-img" style="height: {{bannerHeight}}px;background: url({{banner}})"></div>
  7 + <div class="opt-wrap">
  8 + <p class="opt center-content">
  9 + <a href="{{brandHome}}">
  10 + <i class="iconfont">&#xe617;</i>
  11 + 品牌首页
  12 + </a>
  13 + <a href="{{brandIntro}}">
  14 + <i class="iconfont">&#xe618;</i>
  15 + 品牌介绍
  16 + </a>
17 <span id="brand-favor" class="brand-favor"> 17 <span id="brand-favor" class="brand-favor">
18 <i class="iconfont{{#if coled}} coled{{/if}}">&#xe616;</i> 18 <i class="iconfont{{#if coled}} coled{{/if}}">&#xe616;</i>
19 </span> 19 </span>
20 - </p>  
21 - </div>  
22 - </div>  
23 - {{/ brandBanner}}  
24 -  
25 - <div class="center-content clearfix">  
26 - {{> layout/path-nav}}  
27 -  
28 - {{# brandAbout}}  
29 - <div class="brand-about">  
30 - {{{brandIntro}}}  
31 - </div>  
32 - {{^}}  
33 - <div class="list-left pull-left">  
34 - {{# allDiscount}}  
35 - <div class="sort-container">  
36 - <ul class="sort-child-list new-sale">  
37 - <li><a href="{{href}}">全部折扣</a><span>{{updateNum}}</span></li>  
38 - {{#each list}}  
39 - <li><a href="{{href}}">{{name}}</a><span>{{num}}</span></li>  
40 - {{/each}}  
41 - </ul>  
42 - </div>  
43 - {{/ allDiscount}} 20 + </p>
  21 + </div>
  22 + </div>
  23 + {{/ brandBanner}}
44 24
45 - {{# newSales}}  
46 - <div class="sort-container">  
47 - <h2>一周新品上架<span>{{updateNum}}</span></h2>  
48 - <ul class="sort-child-list new-sale">  
49 - {{#each list}}  
50 - <li><a href="{{href}}">{{name}}</a><span>{{num}}</span></li>  
51 - {{/each}}  
52 - </ul>  
53 - </div>  
54 - {{/ newSales}} 25 + <div class="center-content clearfix">
  26 + {{> layout/path-nav}}
55 27
56 - {{# allSort}}  
57 - <div class="sort-container">  
58 - <h2>全部品类<span>{{updateNum}}</span></h2>  
59 - <ul>  
60 - {{#each list}}  
61 - <li class="product-list-nav">  
62 - <h3>  
63 - <span class="icon-triangle"></span>  
64 - {{name}}<span>{{num}}</span>  
65 - </h3>  
66 - <ul class="sort-child-list">  
67 - {{#each childList}}  
68 - <li>  
69 - <a href="{{href}}">{{name}}</a>  
70 - <span>{{num}}</span>  
71 - </li>  
72 - {{/each}}  
73 - </ul>  
74 - </li>  
75 - {{/each}}  
76 - </ul>  
77 - </div>  
78 - {{/ allSort}} 28 + {{# brandAbout}}
  29 + <div class="brand-about">
  30 + {{{brandIntro}}}
  31 + </div>
  32 + {{^}}
  33 + <div class="list-left pull-left">
  34 + {{> product/left-content}}
  35 + </div>
  36 + <div class="list-right pull-right">
  37 + {{# shopEntry}}
  38 + <div class="shop-entry clearfix">
  39 + <a class="pull-left" href="{{home}}">
  40 + <img class="logo" src="{{logo}}">
  41 + </a>
79 42
80 - {{# advNav}}  
81 - {{# advNavTitle}}  
82 - <h2 class="nav-pic-title">{{.}}</h2>  
83 - {{/advNavTitle}}  
84 - <ul class="pic-nav">  
85 - {{#each list}}  
86 - <li><a href="{{href}}"><img src="{{src}}" alt=""/></a></li>  
87 - {{/each}}  
88 - </ul>  
89 - {{/advNav}} 43 + <div class="name pull-left">
  44 + <a class="shop-name" href="{{home}}">{{shopName}}</a>
  45 + <p class="sorts">
  46 + {{#each sort}}
  47 + <a href="{{href}}">{{name}}</a>
90 48
91 - {{#advPic}}  
92 - {{# advPicTitle}}  
93 - <h2 class="nav-pic-title">{{.}}</h2>  
94 - {{/ advPicTitle}}  
95 - <ul class="pic-nav">  
96 - {{#each list}}  
97 - <li><a href="{{href}}"><img src="{{src}}" alt=""/></a></li>  
98 - {{/each}}  
99 - </ul>  
100 - {{/advPic}} 49 + {{#unless @last}}
  50 + /
  51 + {{/unless}}
  52 + {{/each}}
  53 + </p>
101 </div> 54 </div>
102 - <div class="list-right pull-right">  
103 - {{# shopEntry}}  
104 - <div class="shop-entry clearfix">  
105 - <a class="pull-left" href="{{home}}">  
106 - <img class="logo" src="{{logo}}">  
107 - </a>  
108 -  
109 - <div class="name pull-left">  
110 - <a class="shop-name" href="{{home}}">{{shopName}}</a>  
111 - <p class="sorts">  
112 - {{#each sort}}  
113 - <a href="{{href}}">{{name}}</a>  
114 -  
115 - {{#unless @last}}  
116 - /  
117 - {{/unless}}  
118 - {{/each}}  
119 - </p>  
120 - </div>  
121 55
122 - <a class="entry-btn pull-right" href="{{home}}">  
123 - 进入品牌店铺  
124 - <span class="iconfont">&#xe601;</span>  
125 - </a>  
126 - </div>  
127 - {{/ shopEntry}}  
128 -  
129 - {{# filters}}  
130 - {{> product/filter-box}}  
131 - {{/ filters}} 56 + <a class="entry-btn pull-right" href="{{home}}">
  57 + 进入品牌店铺
  58 + <span class="iconfont">&#xe601;</span>
  59 + </a>
  60 + </div>
  61 + {{/ shopEntry}}
132 62
133 - {{# opts}}  
134 - {{> product/sort-pager}}  
135 - {{/ opts}} 63 + {{> product/standard-content}}
136 64
137 - <div class="goods-container clearfix">  
138 - {{#each goods}}  
139 - {{> product/good}}  
140 - {{/each}}  
141 - <div class="good-item-wrapper">  
142 - <div class="good-info-main"></div>  
143 - <div class="good-select-color"></div>  
144 - </div>  
145 - </div>  
146 - </div>  
147 - {{/ brandAbout}} 65 + {{> product/latest-walk}}
148 </div> 66 </div>
  67 + {{/ brandAbout}}
  68 + </div>
149 {{/ list}} 69 {{/ list}}
150 </div> 70 </div>
151 {{> layout/footer}} 71 {{> layout/footer}}
1 {{> layout/header}} 1 {{> layout/header}}
2 -<div class="product-list-page yoho-page"> 2 +<div class="product-list-page product-page yoho-page">
3 {{# list}} 3 {{# list}}
4 - {{# brandBanner}}  
5 - <div class="brand-banner">  
6 - <div class="banner-img" style="height: {{bannerHeight}}px;background: url({{banner}})"></div>  
7 - <div class="opt-wrap">  
8 - <p class="opt center-content">  
9 - <a href="{{brandHome}}">  
10 - <i class="iconfont">&#xe617;</i>  
11 - 品牌首页  
12 - </a>  
13 - <a href="{{brandIntro}}">  
14 - <i class="iconfont">&#xe618;</i>  
15 - 品牌介绍  
16 - </a> 4 + {{# brandBanner}}
  5 + <div class="brand-banner">
  6 + <div class="banner-img" style="height: {{bannerHeight}}px;background: url({{banner}})"></div>
  7 + <div class="opt-wrap">
  8 + <p class="opt center-content">
  9 + <a href="{{brandHome}}">
  10 + <i class="iconfont">&#xe617;</i>
  11 + 品牌首页
  12 + </a>
  13 + <a href="{{brandIntro}}">
  14 + <i class="iconfont">&#xe618;</i>
  15 + 品牌介绍
  16 + </a>
17 <span id="brand-favor" class="brand-favor"> 17 <span id="brand-favor" class="brand-favor">
18 <i class="iconfont{{#if coled}} coled{{/if}}">&#xe616;</i> 18 <i class="iconfont{{#if coled}} coled{{/if}}">&#xe616;</i>
19 </span> 19 </span>
20 - </p>  
21 - </div>  
22 - </div>  
23 - {{/ brandBanner}}  
24 -  
25 - <div class="center-content clearfix">  
26 - {{> layout/path-nav}}  
27 -  
28 - {{# brandAbout}}  
29 - <div class="brand-about">  
30 - {{{brandIntro}}}  
31 - </div>  
32 - {{^}}  
33 - <div class="list-left pull-left">  
34 - {{# allDiscount}}  
35 - <div class="sort-container">  
36 - <ul class="sort-child-list new-sale">  
37 - <li><a href="{{href}}">全部折扣</a><span>{{updateNum}}</span></li>  
38 - {{#each list}}  
39 - <li><a href="{{href}}">{{name}}</a><span>{{num}}</span></li>  
40 - {{/each}}  
41 - </ul>  
42 - </div>  
43 - {{/ allDiscount}} 20 + </p>
  21 + </div>
  22 + </div>
  23 + {{/ brandBanner}}
44 24
45 - {{# newSales}}  
46 - <div class="sort-container">  
47 - <h2>一周新品上架<span>{{updateNum}}</span></h2>  
48 - <ul class="sort-child-list new-sale">  
49 - {{#each list}}  
50 - <li><a href="{{href}}">{{name}}</a><span>{{num}}</span></li>  
51 - {{/each}}  
52 - </ul>  
53 - </div>  
54 - {{/ newSales}} 25 + <div class="center-content clearfix">
  26 + {{> layout/path-nav}}
55 27
56 - {{# allSort}}  
57 - <div class="sort-container">  
58 - <h2>全部品类<span>{{updateNum}}</span></h2>  
59 - <ul>  
60 - {{#each list}}  
61 - <li class="product-list-nav">  
62 - <h3>  
63 - <span class="icon-triangle"></span>  
64 - {{name}}<span>{{num}}</span>  
65 - </h3>  
66 - <ul class="sort-child-list">  
67 - {{#each childList}}  
68 - <li>  
69 - <a href="{{href}}">{{name}}</a>  
70 - <span>{{num}}</span>  
71 - </li>  
72 - {{/each}}  
73 - </ul>  
74 - </li>  
75 - {{/each}}  
76 - </ul>  
77 - </div>  
78 - {{/ allSort}} 28 + {{# brandAbout}}
  29 + <div class="brand-about">
  30 + {{{brandIntro}}}
  31 + </div>
  32 + {{^}}
  33 + <div class="list-left pull-left">
  34 + {{> product/left-content}}
  35 + </div>
  36 + <div class="list-right pull-right">
  37 + {{# shopEntry}}
  38 + <div class="shop-entry clearfix">
  39 + <a class="pull-left" href="{{home}}">
  40 + <img class="logo" src="{{logo}}">
  41 + </a>
79 42
80 - {{# advNav}}  
81 - {{# advNavTitle}}  
82 - <h2 class="nav-pic-title">{{.}}</h2>  
83 - {{/advNavTitle}}  
84 - <ul class="pic-nav">  
85 - {{#each list}}  
86 - <li><a href="{{href}}"><img src="{{src}}" alt=""/></a></li>  
87 - {{/each}}  
88 - </ul>  
89 - {{/advNav}} 43 + <div class="name pull-left">
  44 + <a class="shop-name" href="{{home}}">{{shopName}}</a>
  45 + <p class="sorts">
  46 + {{#each sort}}
  47 + <a href="{{href}}">{{name}}</a>
90 48
91 - {{#advPic}}  
92 - {{# advPicTitle}}  
93 - <h2 class="nav-pic-title">{{.}}</h2>  
94 - {{/ advPicTitle}}  
95 - <ul class="pic-nav">  
96 - {{#each list}}  
97 - <li><a href="{{href}}"><img src="{{src}}" alt=""/></a></li>  
98 - {{/each}}  
99 - </ul>  
100 - {{/advPic}} 49 + {{#unless @last}}
  50 + /
  51 + {{/unless}}
  52 + {{/each}}
  53 + </p>
101 </div> 54 </div>
102 - <div class="list-right pull-right">  
103 - {{# shopEntry}}  
104 - <div class="shop-entry clearfix">  
105 - <a class="pull-left" href="{{home}}">  
106 - <img class="logo" src="{{logo}}">  
107 - </a>  
108 -  
109 - <div class="name pull-left">  
110 - <a class="shop-name" href="{{home}}">{{shopName}}</a>  
111 - <p class="sorts">  
112 - {{#each sort}}  
113 - <a href="{{href}}">{{name}}</a>  
114 -  
115 - {{#unless @last}}  
116 - /  
117 - {{/unless}}  
118 - {{/each}}  
119 - </p>  
120 - </div>  
121 55
122 - <a class="entry-btn pull-right" href="{{home}}">  
123 - 进入品牌店铺  
124 - <span class="iconfont">&#xe601;</span>  
125 - </a>  
126 - </div>  
127 - {{/ shopEntry}}  
128 -  
129 - {{# filters}}  
130 - {{> product/filter-box}}  
131 - {{/ filters}} 56 + <a class="entry-btn pull-right" href="{{home}}">
  57 + 进入品牌店铺
  58 + <span class="iconfont">&#xe601;</span>
  59 + </a>
  60 + </div>
  61 + {{/ shopEntry}}
132 62
133 - {{# opts}}  
134 - {{> product/sort-pager}}  
135 - {{/ opts}} 63 + {{> product/standard-content}}
136 64
137 - <div class="goods-container clearfix">  
138 - {{#each goods}}  
139 - {{> product/good}}  
140 - {{/each}}  
141 - <div class="good-item-wrapper">  
142 - <div class="good-info-main"></div>  
143 - <div class="good-select-color"></div>  
144 - </div>  
145 - </div>  
146 - </div>  
147 - {{/ brandAbout}} 65 + {{> product/latest-walk}}
148 </div> 66 </div>
  67 + {{/ brandAbout}}
  68 + </div>
149 {{/ list}} 69 {{/ list}}
150 </div> 70 </div>
151 {{> layout/footer}} 71 {{> layout/footer}}
1 {{> layout/header}} 1 {{> layout/header}}
2 -<div class="product-search-page yoho-page center-content"> 2 +<div class="product-search-page product-page yoho-page center-content">
3 {{# search}} 3 {{# search}}
4 {{> layout/path-nav}} 4 {{> layout/path-nav}}
5 5
6 - {{# filters}}  
7 - {{> product/filter-box}}  
8 - {{/ filters}} 6 + {{> product/standard-content}}
9 7
10 - {{# opts}}  
11 - {{> product/sort-pager}}  
12 - {{/ opts}}  
13 -  
14 - <div class="goods-container clearfix">  
15 - {{#each goods}}  
16 - {{> product/good}}  
17 - {{/each}}  
18 - <div class="good-item-wrapper">  
19 - <div class="good-info-main"></div>  
20 - <div class="good-select-color"></div>  
21 - </div>  
22 - </div> 8 + {{> product/latest-walk}}
23 {{/ search}} 9 {{/ search}}
24 </div> 10 </div>
25 {{> layout/footer}} 11 {{> layout/footer}}