template.html
4.36 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<div class="template-container">
{{# data}}
<div class="tpl-block clearfix {{# introduction}}intro{{/ introduction}}{{# recommendation}}reco{{/ recommendation}}{{# goods}}goods{{/ goods}}">
{{# introduction.items}}
{{# img}}
<div class="img-container">
<img class="img lazy" data-original="{{src}}" alt="{{alt}}">
</div>
{{/ img}}
{{# text}}
<p class="text">{{.}}</p>
{{/ text}}
{{> common/brands}}
{{/ introduction.items}}
{{# recommendation.recos}}
<div class="reco-good-info">
<div class="img-container">
<a href="{{url}}">
<img class="thumb lazy" data-original="{{thumb}}">
</a>
</div>
<div class="text-container">
<a class="name" href="{{url}}">{{name}}</a>
<div class="sale-price">
￥{{salePrice}}
</div>
<div class="price">
￥{{price}}
</div>
</div>
</div>
{{/ recommendation.recos}}
{{# goods}}
<div class="goods-container">
<ul id="goods-nav" class="goods-nav">
<li class="nav-item new-patterns-nav focus">最新</li>
<li class="nav-item sales-volume-nav">
销量
<span class="sort">
<i class="up iconfont"></i>
<i class="down iconfont cur"></i>
</span>
</li>
<li class="nav-item price-nav">
价格
<span class="sort">
<i class="up iconfont cur"></i>
<i class="down iconfont"></i>
</span>
</li>
<li class="nav-item screen-nav">筛选</li>
</ul>
<div id="goods-content" class="goods-content clearfix">
<div class="new-patterns-container">
{{# newPatterns}}
{{> common/good_info}}
{{/ newPatterns}}
</div>
<div class="sales-volume-container hide">
{{# salesVolume}}
{{> common/good_info}}
{{/ salesVolume}}
</div>
<div class="price-container hide">
{{# price}}
{{> common/good_info}}
{{/ price}}
</div>
<div id="screen-mask" class="screen-mask hide"></div>
<div id="screen-content" class="screen-content hide">
<ul class="classify">
{{! [品牌,品类,颜色,尺码,价格,折扣]}}
{{# classify}}
<li class="{{type}} c-item {{#isActive}}active{{/ isActive}} {{# isHide}}hide{{/ isHide}}">
{{name}}：
<h1 id="show-{{type}}" class="chosed default">所有{{name}}</h1>
</li>
{{/ classify}}
</ul>
<div class="sub-classify-container">
{{! 构造对应主类信息的子类容器}}
{{# classify}}
<ul id="sub-{{type}}" class="sub-classify {{^ isActive}} hide {{/ isActive}}" data-type="{{type}}"></ul>
{{/ classify}}
</div>
</div>
</div>
</div>
{{/ goods}}
</div>
{{/ data}}
</div>