cart-product-info-tpl.hbs
5.46 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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<div class="detail-goods" data-skn="{{skn}}">
{{#colors}}
<div class="detail-bigpic {{#unless focus}}none{{/unless}}">
{{#thumbs}}
<div class="bigpic" {{#unless @first}}style="display:none"{{/unless}}>
<img src="{{shower}}">
</div>
{{/thumbs}}
<div class="piclist">
<span class="pre"></span>
<div class="con">
<ul>
{{#thumbs}}
<li {{#if @first}}class="active"{{/if}}>
<img src="{{img}}">
</li>
{{/thumbs}}
<!--<li class="active"><img src=""></li>-->
</ul>
</div>
<span class="next"></span>
</div>
</div>
{{/colors}}
<div class="detail-info">
<div class="title">
<h2>{{name}}</h2>
</div>
<div class="price">
{{#if salePrice}}
<span class="newprice">现价：<b class="promotion-price">{{salePrice}}</b></span>
<span class="oldprice">活动价：<del>{{marketPrice}}</del></span>
{{^}}
<span class="newprice {{#presalePrice}}none{{/presalePrice}}">原价：<b class="promotion-price">{{marketPrice}}</b></span>
{{/if}}
{{#if presalePrice}}
<span class="oldprice">原价：<del>{{marketPrice}}</del></span>
<span class="newprice">预售价：<b class="promotion-price">{{presalePrice}}</b></span>
{{/if}}
{{#arrivalDate}}
<span class="arrivalDate">上市期：{{arrivalDate}}</span>
{{/arrivalDate}}
<!--<span class="newprice">现价：<b class="promotion-price">{{salePrice}}</b></span>
<span class="activityprice">活动价：<b class="promotion-price">{{marketPrice}}</b></span>-->
</div>
<div class="order">
<dl>
<dd class="colorBox">选颜色：</dd>
<dt>
<div class="colorBox">
<ul data-role="colors">
{{#each colors}}
<li class="color"><!--active-->
<p class="{{#if focus}}active{{/if}}">
<span></span>
<img src="{{src}}">
</p>
{{!--<span>{{name}}</span>--}}
</li>
{{/each}}
</ul>
</div>
</dt>
</dl>
<dl>
<dd class="showSizeBox">选尺码：</dd>
<dt data-role="sizes">
{{#each colors}}
<div class="showSizeBox size-row {{#unless focus}}none{{/unless}}">
{{#each size}}
<span data-sku="{{sku}}" data-num="{{num}}"
{{#unless num}}class="disabled"{{/unless}}>{{name}}</span>
{{/each}}
</div>
{{/each}}
<p class="size-p-tip"><i class="iconfont"></i>请选择尺码</p>
<!--<p class="size-p">内长 25.5com</p>-->
</dt>
</dl>
<dl>
<dd class="showNumBox">选件数：</dd>
<dt>
<div class="amount_wrapper">
<input type="text" id="num" class="num" value="1" readonly="readonly">
<a class="amount cut"><i class="iconfont"></i></a>
<a class="amount add"><i class="iconfont"></i></a>
</div>
</dt>
</dl>
</div>
<div class="submit">
<button class="btn-red addcart"><i class="addCart iconfont"></i>添加到购物车</button>
<button class="addcart btn-grey"><i class="addCart iconfont"></i>添加到购物车</button>
<button class="btn-sellOut btn-grey"><i class="sellOut iconfont"></i>已售罄</button>
<button class="btn-favCount"><i class="favCount iconfont"></i>收藏商品</button>
<button class="btn-favCount"><i class="favCount iconfont coled"></i>已收藏</button>
</div>
<p class="submit-tip">未满足活动条件</p>
</div>
<div class="detail-size">
<h3>尺码信息<span>（单位：厘米）</span></h3>
{{# size}}
<table>
<thead>
<tr>
{{# thead}}
<th width="{{width}}">{{name}}</th>
{{/ thead}}
</tr>
</thead>
<tbody>
{{# tbody}}
<tr>
{{#each .}}
<td>{{.}}</td>
{{/each}}
</tr>
{{/ tbody}}
</tbody>
</table>
{{/size}}
<div class="size-info">
※ 以上尺寸为实物实际测量，因测量方式不同会有略微误差，相关数据仅作参考，以收到实物为准。
</div>
</div>
</div>