fe / yohobuy-node · Commits

Go to a project

Authored by OF1706
Commit 04c419569fc27a8171884b86ccca5e25f12bf97d 1 parent 303e864e master ... baidu_ocpcapi develop feature/canbuy feature/channelDataMap feature/company-profile feature/contact feature/detail-link feature/home-optimize feature/overseas-edition feature/payment feature/pcurl feature/reduce feature/refactor_alert feature/shoppingPay feature/virtualOrder hotfix/11 hotfix/cart hotfix/changeappversion hotfix/gift hotfix/im hotfix/link hotfix/ocpc hotfix/shop hotfix/upload hotfix/yohobi release/6.9.0 release/6.9.2 2019-12-5 all

模版

Inline Side-by-side
Showing 12 changed files with 1480 additions and 608 deletions
... ... @@ -28,11 +28,13 @@
<table>
<thead>
<tr>
<th style="width:7%;">
全选
</th>
<th style="width:40%;">
商品信息
</th>
<th style="width:13%;">单价（元）</th>
<th style="width:7%;">返有货币</th>
<th style="width:13%;">单价</th>
<th style="width:10%;">数量</th>
<th style="width:10%;">小计（元）</th>
<th style="width:20%;">操作</th>
... ... @@ -68,234 +70,581 @@
<!-- 购物车商品列表 -->
{{#cartEnsure}}
<div class="pay-wapper">
<table>
<thead>
<tr>
<th style="width:40%;">
商品信息
</th>
<th style="width:13%;">单价（元）</th>
<th style="width:7%;">返有货币</th>
<th style="width:10%;">数量</th>
<th style="width:10%;">小计（元）</th>
<th style="width:20%;">操作</th>
</tr>
</thead>
<tbody>
<div class="cart-title">
<p class="left" style="width:6%;">
<input type="checkbox"/>
全选
</p>
<p style="width:40%">商品信息</p>
<p style="width:14%">单价</p>
<p style="width:13%;">数量</p>
<p style="width:16%;">小计（元）</p>
<p class="right" style="width:11%;">操作</p>
</div>
<!-- 预售商品 -->
{{# preSell}}
<tr class="pre-sell">
<td colspan="6" class="per-list pre-sell-title cart-product-num">
<input class="" type="checkbox" name="" id="" {{#if isChecked}}checked{{/if}}/>
预售商品<span>({{cartProductNum}})</span>预售商品不参加活动，不可使用优惠券，不同上市期的商品我们将为您先到先发。
</td>
</tr>
{{# productItem}}
<tr class="pre-sell-box" {{#if pid}}data-pid="{{pid}}"{{/if}} {{#if id}}data-id="{{id}}"{{/if}} {{#if skn}}data-skn="{{skn}}"{{/if}} {{#if sku}}data-sku="{{sku}}"{{/if}} {{#if productNum}}data-productnum="{{productNum}}"{{/if}} {{#if goodsType}}data-goodstype="{{goodsType}}"{{/if}}>
<td>
<div class="pay-pro">
<input class="cart-item-check" type="checkbox" name="" id="" data-goodstype="{{goodsType}}" {{#if isChecked}}checked{{/if}}/>
<div class="pre-sell">
<code>预售商品</code>预售商品不参加活动，不可使用优惠券，不同上市期的商品我们将为您先到先发。
</div>
<div class="cart-table">
<ul class="table table-group">
<li class="pre-sell-box tr" {{#if pid}}data-pid="{{pid}}"{{/if}} {{#if id}}data-id="{{id}}"{{/if}} {{#if skn}}data-skn="{{skn}}"{{/if}} {{#if sku}}data-sku="{{sku}}"{{/if}} {{#if productNum}}data-productnum="{{productNum}}"{{/if}} {{#if goodsType}}data-goodstype="{{goodsType}}"{{/if}}>
<div class="td pay-pro" style="width: 45%;">
<input class="cart-item-check cart-item-checked" readonly="readonly" data-goodstype="{{goodsType}}" {{#if isChecked}}checked{{/if}}/>
<a class="pay-pro-icon" href="{{link}}" target="_blank">
<img src="{{imgCover}}">
<span class="incentive">预售</span>
</a>
<p class="pay-pro-info">
<a href="{{link}}" target="_blank">哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
{{productTitle}}</a>
<span><b title="{{productColor}}">颜色：红色{{productColor}}</b> 尺码：L{{productSize}}</span>
<span class="presell">上市期：2016-09-01{{preSellDate}}</span>
</p>
</div>
<div class="td productPrice" style="width:17%;">¥66666{{productPrice}}</div>
<div style="width:10%;" class="td adjust-cart-num">
{{#if isGift}}
<div>{{productNum}}</div>
{{^}}
{{#if isPriceGift}}
<div>{{productNum}}</div>
{{^}}
<div class="cart-num-cont">
<span class="minus"></span>
<input type="text" value="67{{productNum}}" readonly="readonly"/>
<span class="plus"></span>
</div>
<p class="tip-message {{#isTipNoStore}}tipNoStore{{/isTipNoStore}}">{{tipMessage}}</p>
{{/if}}
{{/if}}
</div>
<div style="width:17%;" class="td sub-total red">¥888{{productSubtotal}}</div>
<div style="width:11%;" class="td cart-operation">
<span class="cart-del-btn">删除</span>
<span class="cart-col-btn">移入收藏</span>
</div>
</li>
<li class="pre-sell-box tr" {{#if pid}}data-pid="{{pid}}"{{/if}} {{#if id}}data-id="{{id}}"{{/if}} {{#if skn}}data-skn="{{skn}}"{{/if}} {{#if sku}}data-sku="{{sku}}"{{/if}} {{#if productNum}}data-productnum="{{productNum}}"{{/if}} {{#if goodsType}}data-goodstype="{{goodsType}}"{{/if}}>
<div class="pay-pro td" style="width:45%;">
<input readonly="readonly" class="cart-item-check" name="" id="" data-goodstype="{{goodsType}}" {{#if isChecked}}checked{{/if}}/>
<a class="pay-pro-icon" href="{{link}}" target="_blank">
<img src="{{imgCover}}">
<span class="incentive">预售</span>
</a>
<p class="pay-pro-info">
<a href="{{link}}" target="_blank">哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
{{productTitle}}</a>
<span><b title="{{productColor}}">颜色：红色{{productColor}}</b> 尺码：L{{productSize}}</span>
<span class="presell">上市期：2016-09-01{{preSellDate}}</span>
</p>
</div>
<div class="productPrice td" style="width:17%;">¥{{productPrice}}</div>
<div style="width:10%;" class="adjust-cart-num td">
{{#if isGift}}
<div>{{productNum}}</div>
{{^}}
{{#if isPriceGift}}
<div>{{productNum}}</div>
{{^}}
<div class="cart-num-cont">
<span class="minus"></span>
<input type="text" value="{{productNum}}" readonly="readonly"/>
<span class="plus"></span>
</div>
<p class="tip-message {{#isTipNoStore}}tipNoStore{{/isTipNoStore}}">{{tipMessage}}</p>
{{/if}}
{{/if}}
</div>
<div style="width:17%;" class="sub-total red td">¥{{productSubtotal}}</div>
<div style="width:11%;" class="cart-operation td">
<span class="cart-del-btn">删除</span>
<span class="cart-col-btn">移入收藏</span>
</div>
</li>
<li class="pre-sell-box tr" {{#if pid}}data-pid="{{pid}}"{{/if}} {{#if id}}data-id="{{id}}"{{/if}} {{#if skn}}data-skn="{{skn}}"{{/if}} {{#if sku}}data-sku="{{sku}}"{{/if}} {{#if productNum}}data-productnum="{{productNum}}"{{/if}} {{#if goodsType}}data-goodstype="{{goodsType}}"{{/if}}>
<div class="pay-pro td" style="width:45%;">
<input readonly="readonly" class="cart-item-check" name="" id="" data-goodstype="{{goodsType}}" {{#if isChecked}}checked{{/if}}/>
<a class="pay-pro-icon" href="{{link}}" target="_blank">
<img src="{{imgCover}}">
<span class="incentive">预售</span>
</a>
<p class="pay-pro-info">
<a href="{{link}}" target="_blank">哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
{{productTitle}}</a>
<span><b title="{{productColor}}">颜色：红色{{productColor}}</b> 尺码：L{{productSize}}</span>
<span class="presell">上市期：2016-09-01{{preSellDate}}</span>
</p>
</div>
<div class="productPrice td" style="width:17%;">¥{{productPrice}}</div>
<div style="width:10%;" class="adjust-cart-num td">
{{#if isGift}}
<div>{{productNum}}</div>
{{^}}
{{#if isPriceGift}}
<div>{{productNum}}</div>
{{^}}
<div class="cart-num-cont">
<span class="minus"></span>
<input type="text" value="1{{productNum}}" readonly="readonly"/>
<span class="plus"></span>
</div>
<p class="tip-message {{#isTipNoStore}}tipNoStore{{/isTipNoStore}}">库存不足{{tipMessage}}</p>
{{/if}}
{{/if}}
</div>
<div style="width:17%;" class="sub-total red td">¥{{productSubtotal}}</div>
<div style="width:11%;" class="cart-operation td">
<span class="cart-del-btn">删除</span>
<span class="cart-col-btn">移入收藏</span>
</div>
</li>
</ul>
</div>
<!-- 加价购 -->
<div class="gift-sell mt40">
<p><code class="order-pay-mark-white">加价购</code>【全场热销】活动商品已购满¥398.00，可加价换购商品<a>去换购</a><button class="btn-clear blue">去凑单&nbsp;></button></p>
<p><code class="order-pay-mark-white">满减</code>【热销满减】活动商品已购满¥498.00，享优惠¥49<button class="btn-clear blue">去凑单&nbsp;></button></p>
</div>
<div class="cart-table">
<ul class="table">
<li class="pre-sell-box tr" {{#if pid}}data-pid="{{pid}}"{{/if}} {{#if id}}data-id="{{id}}"{{/if}} {{#if skn}}data-skn="{{skn}}"{{/if}} {{#if sku}}data-sku="{{sku}}"{{/if}} {{#if productNum}}data-productnum="{{productNum}}"{{/if}} {{#if goodsType}}data-goodstype="{{goodsType}}"{{/if}}>
<div class="pay-pro td" style="width: 45%;">
<input class="cart-item-check cart-item-checked" readonly="readonly" data-goodstype="{{goodsType}}" {{#if isChecked}}checked{{/if}}/>
<a class="pay-pro-icon" href="{{link}}" target="_blank">
<img src="{{imgCover}}">
<span class="incentive red">预售</span>
</a>
<p class="pay-pro-info">
<a href="{{link}}" target="_blank">哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
{{productTitle}}</a>
<span><b title="{{productColor}}">颜色：红色{{productColor}}</b> 尺码：L{{productSize}}</span>
</p>
</div>
<div class="product-price td" style="width:17%;">¥66666{{productPrice}}
<div class="sale-info">
<span class="sale-info-title">促销信息<i></i></span>
<ul class="none">
<li>[Levi's]活动商品已满购¥398.00,可加价换购商品<a>去换购</a></li>
<li class="invalid">【Life·After Life】满¥300元享7折</li>
</ul>
</div>
</div>
<div style="width:10%;" class="adjust-cart-num td">
{{#if isGift}}
<div>{{productNum}}</div>
{{^}}
{{#if isPriceGift}}
<div>{{productNum}}</div>
{{^}}
<div class="cart-num-cont">
<span class="minus"></span>
<input type="text" value="67{{productNum}}" readonly="readonly"/>
<span class="plus"></span>
</div>
<p class="tip-message {{#isTipNoStore}}tipNoStore{{/isTipNoStore}}">{{tipMessage}}</p>
{{/if}}
{{/if}}
</div>
<div style="width:17%;" class="sub-total red td">¥888{{productSubtotal}}</div>
<div style="width:11%;" class="cart-operation td">
<span class="cart-del-btn">删除</span>
<span class="cart-col-btn">移入收藏</span>
</div>
</li>
<li class="pre-sell-box tr" {{#if pid}}data-pid="{{pid}}"{{/if}} {{#if id}}data-id="{{id}}"{{/if}} {{#if skn}}data-skn="{{skn}}"{{/if}} {{#if sku}}data-sku="{{sku}}"{{/if}} {{#if productNum}}data-productnum="{{productNum}}"{{/if}} {{#if goodsType}}data-goodstype="{{goodsType}}"{{/if}}>
<div class="pay-pro td" style="width: 45%;" >
<input class="cart-item-check cart-item-checked" readonly="readonly" data-goodstype="{{goodsType}}" {{#if isChecked}}checked{{/if}}/>
<a class="pay-pro-icon" href="{{link}}" target="_blank">
<img src="{{imgCover}}">
<span class="incentive">预售</span>
<img src="{{imgCover}}">
<span class="incentive red">预售</span>
</a>
<p class="pay-pro-info">
<a href="{{link}}" target="_blank">{{productTitle}}</a>
<span><b title="{{productColor}}">颜色：{{productColor}}<b> 尺码：{{productSize}}</span>
<span class="presell">上市期：{{preSellDate}}</span>
<a href="{{link}}" target="_blank">哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
{{productTitle}}</a>
<span><b title="{{productColor}}">颜色：红色{{productColor}}</b> 尺码：L{{productSize}}</span>
</p>
</div>
</td>
<td class="productPrice">¥{{productPrice}}</td>
<td>{{yohoIcon}}个</td>
<td class="adjust-cart-num">
{{#if isGift}}
<div class="product-price td" style="width:17%;">¥66666{{productPrice}}
<div class="sale-info">
<span class="sale-info-title">促销信息<i></i></span>
<ul class="none">
<li>[Levi's]活动商品已满购¥398.00,可加价换购商品<a>去换购</a></li>
<li class="invalid">【Life·After Life】满¥300元享7折</li>
</ul>
</div>
</div>
<div style="width:10%;" class="adjust-cart-num td">
{{#if isGift}}
<div>{{productNum}}</div>
{{^}}
{{^}}
{{#if isPriceGift}}
<div>{{productNum}}</div>
<div>{{productNum}}</div>
{{^}}
<span class="minus"></span>
<input type="text" value="{{productNum}}" readonly="readonly"/>
<div class="cart-num-cont">
<span class="minus"></span>
<input type="text" value="67{{productNum}}" readonly="readonly"/>
<span class="plus"></span>
<p class="tip-message {{#isTipNoStore}}tipNoStore{{/isTipNoStore}}">{{tipMessage}}</p>
</div>
<p class="tip-message {{#isTipNoStore}}tipNoStore{{/isTipNoStore}}">{{tipMessage}}</p>
{{/if}}
{{/if}}
</td>
<td class="sub-total">¥{{productSubtotal}}</td>
<td class="cart-operation">
<span class="cart-del-btn"><span>删除</span></span>
</td>
</tr>
{{/ productItem}}
{{/ preSell}}
<!--普通商品-->
{{# commonSell}}
<tr>
<td colspan="6" class="common-list cart-product-num">
<input class="" type="checkbox" name="" id="" {{#if isChecked}}checked{{/if}}/>
普通商品({{cartProductNum}})
</td>
</tr>
{{# productItem}}
<tr class="common-sell-box" {{#if pid}}data-pid="{{pid}}"{{/if}} {{#if id}}data-id="{{id}}"{{/if}} {{#if skn}}data-skn="{{skn}}"{{/if}} {{#if sku}}data-sku="{{sku}}"{{/if}} {{#if productNum}}data-productnum="{{productNum}}"{{/if}} {{#if promotionId}}data-promotionid="{{promotionId}}"{{/if}} {{#if goodsType}}data-goodstype="{{goodsType}}"{{/if}}>
<td>
<div class="pay-pro">
<input class="cart-item-check {{#if isGift}}none{{/if}}" type="checkbox" name="" id="" {{#if isChecked}}checked{{/if}}/>
<a class="pay-pro-icon {{#if isGift}}giftInfo{{/if}}" href="{{link}}" target="_blank">
<img src="{{imgCover}}">
{{#isPriceGift}}
<span class="incentive">加价购</span>
{{/isPriceGift}}
{{#isGift}}
<span class="gift">赠品</span>
{{/isGift}}
{{/if}}
</div>
<div style="width:17%;" class="sub-total red td">¥888{{productSubtotal}}</div>
<div style="width:11%;" class="cart-operation td">
<span class="cart-del-btn">删除</span>
<span class="cart-col-btn">移入收藏</span>
</div>
</li>
</ul>
</div>
<!-- 折扣 -->
<div class="gift-sell mt20">
<p><code>折扣</code>【New Balance】活动商品已购满2件，享优惠¥261.00<button class="btn-clear">去凑单&nbsp;></button></p>
</div>
<div class="cart-table">
<ul class="table">
<li class="pre-sell-box tr active" {{#if pid}}data-pid="{{pid}}"{{/if}} {{#if id}}data-id="{{id}}"{{/if}} {{#if skn}}data-skn="{{skn}}"{{/if}} {{#if sku}}data-sku="{{sku}}"{{/if}} {{#if productNum}}data-productnum="{{productNum}}"{{/if}} {{#if goodsType}}data-goodstype="{{goodsType}}"{{/if}}>
<div class="pay-pro td" style="width: 45%;">
<input class="cart-item-check cart-item-checked" readonly="readonly" data-goodstype="{{goodsType}}" {{#if isChecked}}checked{{/if}}/>
<a class="pay-pro-icon" href="{{link}}" target="_blank">
<img src="{{imgCover}}">
<span class="incentive">预售</span>
</a>
<p class="pay-pro-info">
<a href="{{link}}" target="_blank">{{productTitle}}<br /></a>
<span><b title="{{productColor}}">颜色：{{productColor}}</b> 尺码：{{productSize}}</span>
<a href="{{link}}" target="_blank">哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
{{productTitle}}</a>
<span><b title="{{productColor}}">颜色：红色{{productColor}}</b> 尺码：L{{productSize}}</span>
</p>
</div>
</td>
<td><span class="productPrice">¥{{productPrice}}</span>
{{#isVipPrice}}
<span class="vipPrice">(VIP)</span>
{{/isVipPrice}}
<div class="product-price td" style="width:17%;">¥66666{{productPrice}}</div>
<div style="width:10%;" class="adjust-cart-num td">
{{#if isGift}}
<div>{{productNum}}</div>
{{^}}
{{#if isPriceGift}}
<div>{{productNum}}</div>
{{^}}
<div class="cart-num-cont">
<span class="minus"></span>
<input type="text" value="67{{productNum}}" readonly="readonly"/>
<span class="plus"></span>
</div>
{{#isStuPrice}}
<span class="vipPrice">(学生价)</span>
{{/isStuPrice}}
</td>
<td>{{yohoIcon}}个</td>
<td class="adjust-cart-num">
{{#if isGift}}
<p class="tip-message {{#isTipNoStore}}tipNoStore{{/isTipNoStore}}">{{tipMessage}}</p>
{{/if}}
{{/if}}
</div>
<div style="width:17%;" class="sub-total red td">¥888{{productSubtotal}}</div>
<div style="width:11%;" class="cart-operation td">
<span class="cart-del-btn">删除</span>
<span class="cart-col-btn">移入收藏</span>
</div>
</li>
<li class="pre-sell-box tr active" {{#if pid}}data-pid="{{pid}}"{{/if}} {{#if id}}data-id="{{id}}"{{/if}} {{#if skn}}data-skn="{{skn}}"{{/if}} {{#if sku}}data-sku="{{sku}}"{{/if}} {{#if productNum}}data-productnum="{{productNum}}"{{/if}} {{#if goodsType}}data-goodstype="{{goodsType}}"{{/if}}>
<div class="pay-pro td" style="width: 45%;">
<input class="cart-item-check cart-item-checked" readonly="readonly" data-goodstype="{{goodsType}}" {{#if isChecked}}checked{{/if}}/>
<a class="pay-pro-icon" href="{{link}}" target="_blank">
<img src="{{imgCover}}">
<span class="incentive">预售</span>
</a>
<p class="pay-pro-info">
<a href="{{link}}" target="_blank">哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
{{productTitle}}</a>
<span><b title="{{productColor}}">颜色：红色{{productColor}}</b> 尺码：L{{productSize}}</span>
</p>
</div>
<div class="product-price td" style="width:17%;">¥66666{{productPrice}}</div>
<div style="width:10%;" class="adjust-cart-num td">
{{#if isGift}}
<div>{{productNum}}</div>
{{^}}
{{^}}
{{#if isPriceGift}}
<div>{{productNum}}</div>
<div>{{productNum}}</div>
{{^}}
<span class="minus"></span>
<input type="text" value="{{productNum}}" readonly="readonly"/>
<div class="cart-num-cont">
<span class="minus"></span>
<input type="text" value="67{{productNum}}" readonly="readonly"/>
<span class="plus"></span>
<p class="tip-message {{#isTipNoStore}}tipNoStore{{/isTipNoStore}}">{{tipMessage}}</p>
</div>
<p class="tip-message {{#isTipNoStore}}tipNoStore{{/isTipNoStore}}">{{tipMessage}}</p>
{{/if}}
{{/if}}
</td>
<td class="sub-total">
{{#if xForOne}}
<del>¥{{productSubtotal}}</del>
<span class="free"></span>
{{/if}}
</div>
<div style="width:17%;" class="sub-total red td">¥888{{productSubtotal}}</div>
<div style="width:11%;" class="cart-operation td">
<span class="cart-del-btn">删除</span>
<span class="cart-col-btn">移入收藏</span>
</div>
</li>
</ul>
</div>
<!-- 折扣 赠品 -->
<div class="gift-sell mt20">
<p><code class="order-pay-mark-white">折扣</code>【New Balance】活动商品已购满2件，享优惠¥261.00<button class="btn-clear">去凑单&nbsp;></button></p>
<p><code>赠品</code>【Life·After Life】活动商品已购满1件，可领取赠品<a>领赠品</a><button class="btn-clear">去凑单&nbsp;></button></p>
</div>
<div class="cart-table">
<ul class="table">
<li class="pre-sell-box tr" {{#if pid}}data-pid="{{pid}}"{{/if}} {{#if id}}data-id="{{id}}"{{/if}} {{#if skn}}data-skn="{{skn}}"{{/if}} {{#if sku}}data-sku="{{sku}}"{{/if}} {{#if productNum}}data-productnum="{{productNum}}"{{/if}} {{#if goodsType}}data-goodstype="{{goodsType}}"{{/if}}>
<div class="pay-pro td" style="width: 45%;">
<input class="cart-item-check cart-item-checked" readonly="readonly" data-goodstype="{{goodsType}}" {{#if isChecked}}checked{{/if}}/>
<a class="pay-pro-icon" href="{{link}}" target="_blank">
<img src="{{imgCover}}">
<span class="incentive">预售</span>
</a>
<p class="pay-pro-info">
<a href="{{link}}" target="_blank">哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
{{productTitle}}</a>
<span><b title="{{productColor}}">颜色：红色{{productColor}}</b> 尺码：L{{productSize}}</span>
</p>
</div>
<div class="product-price td" style="width:17%;">¥66666{{productPrice}}</div>
<div style="width:10%;" class="adjust-cart-num td">
{{#if isGift}}
<div>{{productNum}}</div>
{{^}}
¥{{productSubtotal}}
{{#if isPriceGift}}
<div>{{productNum}}</div>
{{^}}
<div class="cart-num-cont">
<span class="minus"></span>
<input type="text" value="67{{productNum}}" readonly="readonly"/>
<span class="plus"></span>
</div>
<p class="tip-message {{#isTipNoStore}}tipNoStore{{/isTipNoStore}}">{{tipMessage}}</p>
{{/if}}
{{/if}}
</td>
<td class="cart-operation">
<a href="javascript:void(0);" {{#if isGift}}data-gift="1"{{/if}} class="cart-del-btn"><span>删除</span></a>
</td>
</tr>
{{/ productItem}}
{{/ commonSell}}
</tbody>
</table>
</div>
<div style="width:17%;" class="sub-total red td">¥888{{productSubtotal}}</div>
<div style="width:11%;" class="cart-operation td">
<span class="cart-del-btn">删除</span>
<span class="cart-col-btn">移入收藏</span>
</div>
</li>
</ul>
</div>
<div class="order-pay">
<!-- 加价购，赠品列表 -->
{{#subjoinItem}}
<div class="pay-wapper {{#if isShowGift}}gift-wrapper{{/if}}">
<div class="cart-product-num">
<strong>{{subjoinType}}</strong>
{{#if isShowGift}}
<i class="icon-zp"></i>
<div data-pageall="{{subjoinPageNum}}" class="cart-unfold cart-page">
<p><span class="f-red">1</span>/<span class="subjoinPageNum">{{subjoinPageNum}}</span></p>
<i class="cart-btn-pre"></i>
<i class="cart-btn-next"></i>
</div>
{{^}}
{{#if isFold}}
<i class="icon-minusCart none"></i>
<i class="icon-addCart"></i>
<div class="cart-unfold unfold-color">
<span>[展开]</span>
<!-- 其他 -->
<div class="cart-table mb20">
<ul class="table table-group">
<li class="pre-sell-box tr" {{#if pid}}data-pid="{{pid}}"{{/if}} {{#if id}}data-id="{{id}}"{{/if}} {{#if skn}}data-skn="{{skn}}"{{/if}} {{#if sku}}data-sku="{{sku}}"{{/if}} {{#if productNum}}data-productnum="{{productNum}}"{{/if}} {{#if goodsType}}data-goodstype="{{goodsType}}"{{/if}}>
<div class="pay-pro td" style="width: 45%;">
<input class="cart-item-check cart-item-checked" readonly="readonly" data-goodstype="{{goodsType}}" {{#if isChecked}}checked{{/if}}/>
<a class="pay-pro-icon" href="{{link}}" target="_blank">
<img src="{{imgCover}}">
<span class="incentive">预售</span>
</a>
<p class="pay-pro-info">
<a href="{{link}}" target="_blank">哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
{{productTitle}}</a>
<span><b title="{{productColor}}">颜色：红色{{productColor}}</b> 尺码：L{{productSize}}</span>
</p>
</div>
<div data-pageall="{{subjoinPageNum}}" class="cart-unfold cart-page none">
<p><span class="f-red">1</span>/<span class="subjoinPageNum">{{subjoinPageNum}}</span></p>
<i class="cart-btn-pre"></i>
<i class="cart-btn-next"></i>
<div class="product-price td" style="width:17%;">
¥66666{{productPrice}}
<p class="tip-message">(VIP)</p>
</div>
{{^}}
<i class="icon-minusCart"></i>
<i class="icon-addCart none"></i>
<div class="cart-unfold unfold-color none">
<span>[展开]</span>
<div style="width:10%;" class="adjust-cart-num td">
{{#if isGift}}
<div>{{productNum}}</div>
{{^}}
{{#if isPriceGift}}
<div>{{productNum}}</div>
{{^}}
<div class="cart-num-cont">
<span class="minus"></span>
<input type="text" value="67{{productNum}}" readonly="readonly"/>
<span class="plus"></span>
</div>
<p class="tip-message">仅剩2件</p>
{{/if}}
{{/if}}
</div>
<div data-pageall="{{subjoinPageNum}}" class="cart-unfold cart-page">
<p><span class="f-red">1</span>/<span class="subjoinPageNum">{{subjoinPageNum}}</span></p>
<i class="cart-btn-pre"></i>
<i class="cart-btn-next"></i>
<div style="width:17%;" class="sub-total red td">¥888{{productSubtotal}}</div>
<div style="width:11%;" class="cart-operation td">
<span class="cart-del-btn">删除</span>
<span class="cart-col-btn">移入收藏</span>
</div>
</li>
<li class="pre-sell-box tr" {{#if pid}}data-pid="{{pid}}"{{/if}} {{#if id}}data-id="{{id}}"{{/if}} {{#if skn}}data-skn="{{skn}}"{{/if}} {{#if sku}}data-sku="{{sku}}"{{/if}} {{#if productNum}}data-productnum="{{productNum}}"{{/if}} {{#if goodsType}}data-goodstype="{{goodsType}}"{{/if}}>
<div class="pay-pro td" style="width: 45%;">
<input class="cart-item-check cart-item-checked" readonly="readonly" data-goodstype="{{goodsType}}" {{#if isChecked}}checked{{/if}}/>
<a class="pay-pro-icon" href="{{link}}" target="_blank">
<img src="{{imgCover}}">
<span class="incentive">预售</span>
</a>
<p class="pay-pro-info">
<a href="{{link}}" target="_blank">哈哈哈哈哈哈
{{productTitle}}</a>
<span><b title="{{productColor}}">颜色：红色{{productColor}}</b> 尺码：L{{productSize}}</span>
</p>
</div>
<div class="product-price td" style="width:17%;">¥66666{{productPrice}}</div>
<div style="width:10%;" class="adjust-cart-num td">
{{#if isGift}}
<div>{{productNum}}</div>
{{^}}
{{#if isPriceGift}}
<div>{{productNum}}</div>
{{^}}
<div class="cart-num-cont">
<span class="minus"></span>
<input type="text" value="67{{productNum}}" readonly="readonly"/>
<span class="plus"></span>
</div>
<p class="tip-message {{#isTipNoStore}}tipNoStore{{/isTipNoStore}}">{{tipMessage}}</p>
{{/if}}
{{/if}}
</div>
<div style="width:17%;" class="sub-total red td">
¥888{{productSubtotal}}
<p class="tip-message tip-message-coin"><i class="yoho-coin"></i>返100YOHO币</p>
</div>
<div style="width:11%;" class="cart-operation td">
<span class="cart-del-btn">删除</span>
<span class="cart-col-btn">移入收藏</span>
</div>
</li>
<li class="pre-sell-box tr" {{#if pid}}data-pid="{{pid}}"{{/if}} {{#if id}}data-id="{{id}}"{{/if}} {{#if skn}}data-skn="{{skn}}"{{/if}} {{#if sku}}data-sku="{{sku}}"{{/if}} {{#if productNum}}data-productnum="{{productNum}}"{{/if}} {{#if goodsType}}data-goodstype="{{goodsType}}"{{/if}}>
<div class="pay-pro td" style="width: 45%;">
<input class="cart-item-check cart-item-checked" readonly="readonly" data-goodstype="{{goodsType}}" {{#if isChecked}}checked{{/if}}/>
<a class="pay-pro-icon" href="{{link}}" target="_blank">
<img src="{{imgCover}}">
<span class="incentive">预售</span>
</a>
<p class="pay-pro-info">
<a href="{{link}}" target="_blank">哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
{{productTitle}}</a>
<span><b title="{{productColor}}">颜色：红色{{productColor}}</b> 尺码：L{{productSize}}</span>
</p>
</div>
<div class="product-price td" style="width:17%;">¥66666{{productPrice}}</div>
<div style="width:10%;" class="adjust-cart-num td">
{{#if isGift}}
<div>{{productNum}}</div>
{{^}}
{{#if isPriceGift}}
<div>{{productNum}}</div>
{{^}}
<div class="cart-num-cont">
<span class="minus"></span>
<input type="text" value="67{{productNum}}" readonly="readonly"/>
<span class="plus"></span>
</div>
<p class="tip-message {{#isTipNoStore}}tipNoStore{{/isTipNoStore}}">{{tipMessage}}</p>
{{/if}}
{{/if}}
</div>
<div style="width:17%;" class="sub-total red td">¥888{{productSubtotal}}</div>
<div style="width:11%;" class="cart-operation td">
<span class="cart-del-btn">删除</span>
<span class="cart-col-btn">移入收藏</span>
</div>
</li>
</ul>
</div>
<!-- 失效 -->
<div class="cart-table cart-table-disabled">
<ul class="table">
<li class="pre-sell-box tr" {{#if pid}}data-pid="{{pid}}"{{/if}} {{#if id}}data-id="{{id}}"{{/if}} {{#if skn}}data-skn="{{skn}}"{{/if}} {{#if sku}}data-sku="{{sku}}"{{/if}} {{#if productNum}}data-productnum="{{productNum}}"{{/if}} {{#if goodsType}}data-goodstype="{{goodsType}}"{{/if}}>
<div class="pay-pro td" style="width: 45%;">
<input class="cart-item-disabled" readonly="readonly"/>
<a class="pay-pro-icon" href="{{link}}" target="_blank">
<img src="{{imgCover}}">
<span class="incentive">预售</span>
</a>
<p class="pay-pro-info">
<a href="{{link}}" target="_blank">哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
{{productTitle}}</a>
<span><b title="{{productColor}}">颜色：红色{{productColor}}</b> 尺码：L{{productSize}}</span>
</p>
</div>
<div class="product-price td" style="width:17%;">
¥66666{{productPrice}}
<p class="tip-message">(VIP)</p>
</div>
<div style="width:10%;" class="adjust-cart-num td">
{{#if isGift}}
<div>{{productNum}}</div>
{{^}}
{{#if isPriceGift}}
<div>{{productNum}}</div>
{{^}}
<div class="cart-num-cont">
<span class="minus"></span>
<input type="text" value="67{{productNum}}" readonly="readonly"/>
<span class="plus"></span>
</div>
<p class="tip-message">仅剩2件</p>
{{/if}}
{{/if}}
</div>
<div class="{{#isFold}}fold{{/isFold}}" >
{{#subjoinPage}}
<table class="{{#isHide}}none{{/isHide}}" data-promotion={{promotionId}}>
{{#subjoinInfo}}
<tr>
<td style="width:40%;">
<div class="pay-pro">
<a class="pay-pro-icon" href="{{subjoinLink}}" target="_blank">
<img src="{{imgCover}}">
{{#isPriceGift}}
<span class="incentive">加价购</span>
{{/isPriceGift}}
{{#isGift}}
<span class="gift">赠品</span>
{{/isGift}}
</a>
<p class="pay-pro-info">
<a href="{{subjoinLink}}" target="_blank">{{subjoinTitle}}</a>
</p>
</div>
</td>
<td style="width:13%;">
<del class="wapper-price" style="margin-right: 5px;">¥{{marketPrice}}</del>
<span class="subjoin-price">¥{{subjoinPrice}}</span>
</td>
<td style="width:7%;">{{yohoIcon}}个</td>
<td style="width:10%;">1</td>
<td style="width:10%;">¥{{subjoinPrice}}</td>
<td style="width:20%; border-right: none;">
{{#isPriceGift}}
<a href="javascript:void(0);" data-id="{{id}}" class="cart-add-btn order"><span></span></a>
{{/isPriceGift}}
{{#isGift}}
<a href="javascript:void(0);" data-id="{{id}}" class="cart-add-btn zp"><span></span></a>
{{/isGift}}
</td>
</tr>
{{/subjoinInfo}}
</table>
{{/subjoinPage}}
<div style="width:17%;" class="sub-total red td">¥888{{productSubtotal}}</div>
<div style="width:11%;" class="cart-operation td">
<span class="cart-del-btn">删除</span>
<span class="cart-col-btn">移入收藏</span>
</div>
</li>
<li class="pre-sell-box tr" {{#if pid}}data-pid="{{pid}}"{{/if}} {{#if id}}data-id="{{id}}"{{/if}} {{#if skn}}data-skn="{{skn}}"{{/if}} {{#if sku}}data-sku="{{sku}}"{{/if}} {{#if productNum}}data-productnum="{{productNum}}"{{/if}} {{#if goodsType}}data-goodstype="{{goodsType}}"{{/if}}>
<div class="pay-pro td" style="width: 45%;">
<input class="cart-item-disabled" readonly="readonly"/>
<a class="pay-pro-icon" href="{{link}}" target="_blank">
<img src="{{imgCover}}">
<span class="incentive">预售</span>
</a>
<p class="pay-pro-info">
<a href="{{link}}" target="_blank">哈哈哈哈哈哈
{{productTitle}}</a>
<span><b title="{{productColor}}">颜色：红色{{productColor}}</b> 尺码：L{{productSize}}</span>
</p>
</div>
{{/subjoinItem}}
</div>
<div class="dev-revocation {{#unless deleteShop}}none{{/unless}}">
<table>
{{#deleteShop}}
<tr data-productnum="{{productNum}}" data-productsku="{{productSku}}" data-promotionid="{{promotionId}}">
<td style="width:40%; text-align: left;">成功删除<a class="title" href="{{link}}" target="_blank">{{productTitle}}</a></td>
<td style="width:10%;"><span class="productPrice">{{productPrice}}</span></td>
<td style="width:10%;"></td>
<td style="width:10%;">{{productNum}}件</td>
<td style="width:10%;"></td>
<td style="width:20%; border-right: none; text-align: right;">
<a href="javascript:void(0);"><span class="goBack">撤销本次删除</span></a>
</td>
</tr>
{{/deleteShop}}
</table>
<div class="product-price td" style="width:17%;">¥66666{{productPrice}}</div>
<div style="width:10%;" class="adjust-cart-num td">
{{#if isGift}}
<div>{{productNum}}</div>
{{^}}
{{#if isPriceGift}}
<div>{{productNum}}</div>
{{^}}
<div class="cart-num-cont">
<span class="minus"></span>
<input type="text" value="67{{productNum}}" readonly="readonly"/>
<span class="plus"></span>
</div>
<p class="tip-message {{#isTipNoStore}}tipNoStore{{/isTipNoStore}}">{{tipMessage}}</p>
{{/if}}
{{/if}}
</div>
<div style="width:17%;" class="sub-total red td">
¥888{{productSubtotal}}
<p class="tip-message tip-message-coin"><i class="yoho-coin"></i>返100YOHO币</p>
</div>
<div style="width:11%;" class="cart-operation td">
<span class="cart-del-btn">删除</span>
<span class="cart-col-btn">移入收藏</span>
</div>
</li>
</ul>
</div>
<!-- 失效 -->
<div class="gift-sell mt20">
<p><code>加价购</code>【全场热销】活动商品已购满¥398.00，可加价换购商品<a>去换购</a><button class="btn-clear blue">去凑单&nbsp;&gt;</button></p>
<p><code>赠品</code>【热销满减】活动商品已购满¥498.00，享优惠¥49<a>领赠品</a><button class="btn-clear blue">去凑单&nbsp;&gt;</button></p>
<p><code>免运费</code>【热销满减】活动商品已购满¥498.00，享优惠¥49</p>
</div>
{{/cartEnsure}}
{{#cartEnsure.salesPromotion}}
... ... @@ -311,30 +660,47 @@
<!-- 总价计算 -->
<div class="cartnew-sum">
{{#unless cartEnsure.isEmpty}}
<div class="left batch_div">
<div class="left">
<a href="javascript:void(0);" class="btn_h" style="display:none;"><span>清空商品</span></a>
<input type="checkbox" id="cbSelAllGoods" {{#if cartEnsure.isCheckedAll}}checked="checked"{{/if}}>
<span>全选</span>
<a class="delAll" href="javascript:void(0);">批量删除</a>
<a class="removeAll" href="javascript:void(0);">批量移入收藏夹</a>
<a class="delAll" href="javascript:void(0);">删除选中商品</a>
<a class="removeAll" href="javascript:void(0);">移入收藏夹</a>
<a class="emptyDisabled" href="javascript:void(0);">清空失效商品</a>
<!--<div class="cartsnew-sale-info">-->
<!--<div class="sale-info">-->
<!--<span class="sale-info-title">使用优惠券<i></i></span>-->
<!--<ul class="none">-->
<!--<li>[Levi's]活动商品已满购¥398.00,可加价换购商品<a>去换购</a></li>-->
<!--<li class="invalid">【Life·After Life】满¥300元享7折</li>-->
<!--</ul>-->
<!--</div>-->
<!--<div class="sale-info">-->
<!--<span class="sale-info-title">使用优惠码<i></i></span>-->
<!--<ul class="none">-->
<!--<li>[Levi's]活动商品已满购¥398.00,可加价换购商品<a>去换购</a></li>-->
<!--<li class="invalid">【Life·After Life】满¥300元享7折</li>-->
<!--</ul>-->
<!--</div>-->
<!--</div>-->
</div>
{{/unless}}
<div class="right">
<p class="sum">商品总价（¥{{cartEnsure.productAmmount}}）- 活动（¥{{cartEnsure.activeSale}}）= 商品金额总计（¥{{cartEnsure.productAllA}}）</p>
<p>
<a href="/help/?category_id=87" class="yoho-coin" target="_blank"></a>
共返有货币：{{cartEnsure.getYoho}}个　商品总价（不含运费）：
<strong>¥{{cartEnsure.productAllA}}</strong> 元
<a href="/help/?category_id=87" class="yoho-coin" target="_blank"></a>
共返有货币：666{{cartEnsure.getYoho}}个&#12288;&#12288;
已选商品<strong class="ins">24件</strong>&#12288;&#12288;
商品金额：<b>¥&nbsp;8888.00</b>
</p>
<p>活动优惠：<b>-¥&nbsp;100.00</b></p>
<p>优惠码/优惠券：<b>¥&nbsp;8888.00</b></p>
<p class="sum">
应付金额（不含邮费）：<strong><kbd>¥&nbsp;</kbd>8888.00{{cartEnsure.productAllA}}</strong></p>
</div>
</div>
<div class="cartnew-submit" id="payDiv">
<a href="{{cartEnsure.searchUrl}}" class="btn_continue">再逛逛</a>
<a href="javascript:void(0);" class="btn_account" style="display: none;">去结算</a>
<a href="javascript:void(0);" class="btn_account_disabled" style="display: none;">去结算</a>
<div class="go_cash_tips" id="cannotPayNotice" style="display: none;">
<span>请将普通商品与预售商品分开结算，普通商品订单我们将为您优先发货。</span>
</div>
<span>添加礼品袋</span>
<a href="javascript:void(0);" class="btn-account">去结算</a>
</div>
{{/if}}
</div>
... ... @@ -347,6 +713,7 @@
<div class="goods-detail"></div>
<div class="loading"><span></span>请稍后...</div>
</div>
</div>
<!-- 商品详细信息窗口 -->
<script type="text/javascript">
... ...

983 Bytes | W: | H:

335 Bytes | W: | H:

  • 2-up
  • Swipe
  • Onion skin

960 Bytes | W: | H:

1.07 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

972 Bytes | W: | H:

1.1 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

55.8 KB | W: | H:

48.2 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

822 Bytes | W: | H:

51.8 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
/**
* 订单结算页
* @author: gxh<xuhui.ge@yoho.cn>
* @date: 2016/12/24
*/
var $ = require('yoho-jquery');
var order = {};
var payWay,
deliveryWay;
$('.sale-info').mouseover(function(){
$(this).addClass("active").children('ul').removeClass('none');
})
// var cart = {};
//
// var saleInfo;
//
// saleInfo = {
// $saleInfo: $('.sale-info '),
// init: function() {
// var that = this;
//
// this.$saleInfo.each(function() {
// var $this = $(this);
//
// });
// }
// }
// 支付方式
payWay = {
$payType: $('.pay-wrap .check-btn'),
init: function() {
var that = this;
this.payType = {};
this.$payType.each(function() {
var $this = $(this),
data = $this.data();
that.payType[data.id] = {
dom: $this,
id: data.id,
type: data.type
};
// 更新订单支付数据
if ($this.hasClass('checked')) {
that.updateOrder(data);
}
});
this.eventBind();
},
eventBind: function() {
var that = this;
this.$payType.click(function() {
var $this = $(this);
if ($this.hasClass('checked')) {
return;
}
that.$payType.removeClass('checked');
$this.addClass('checked');
// 更新订单支付数据
that.updateOrder($this.data());
});
},
updateOrder: function(info) {
if (!info) {
return;
}
if (info.id) {
order.paymentId = info.id;
}
if (info.type) {
order.paymentType = info.type;
}
}
};
deliveryWay = {
$deliveryType: $('.delivery-way-wrap .check-btn'),
$deliveryTime: $('.delivery-time-wrap .check-btn'),
init: function() {
var that = this;
this.deliveryType = {};
this.$deliveryType.each(function() {
var $this = $(this),
data = $this.data();
that.deliveryType[data.id] = {
dom: $this,
id: data.id
};
// 更新订单配送方式数据
if ($this.hasClass('checked')) {
that.updateOrder({way: data.id});
}
});
this.$deliveryTime.each(function() {
var $this = $(this);
// 更新订单送货时间数据
if ($this.hasClass('checked')) {
that.updateOrder({time: $this.data('id')});
}
});
this.eventBind();
},
eventBind: function() {
var that = this;
this.$deliveryType.click(function() {
var $this = $(this);
if ($this.hasClass('checked')) {
return;
}
that.$deliveryType.removeClass('checked');
$this.addClass('checked');
// 更新订单配送方式数据
that.updateOrder({way: $this.data('id')});
});
this.$deliveryTime.click(function() {
var $this = $(this);
if ($this.hasClass('checked')) {
return;
}
that.$deliveryTime.removeClass('checked');
$this.addClass('checked');
// 更新订单送货时间数据
that.updateOrder({time: $this.data('id')});
});
// 仅前端展示，该数据无作用，接口不接受此参数
$('.delivery-time-wrap .radio-btn').click(function() {
var $this = $(this);
if ($this.hasClass('on')) {
return;
}
$this.siblings('.on').removeClass('on');
$this.addClass('on');
});
},
updateOrder: function(info) {
if (!info) {
return;
}
if (info.time) {
order.deliveryTime = info.time;
}
if (info.way) {
order.deliveryWay = info.way;
}
}
};
payWay.init();
deliveryWay.init();
... ...
.order-ensure-page{
.order-ensure-title {
position: relative;
margin: 30px auto 15px;
&:before {
content: '';
display: block;
background: url(/cart/cart.png);
width: 117px;
height: 33px;
}
}
.order-title {
position: relative;
margin-bottom: 15px;
margin-top: 30px;
height: auto;
overflow: hidden;
&:before {
content: '';
display: block;
... ... @@ -165,11 +154,7 @@
}
}
}
.order-title {
margin-top: 30px;
height: auto;
overflow: hidden;
}
.salesPromotion{
width: 990px;
height: 36px;
... ... @@ -208,51 +193,10 @@
}
}
}
.cartnew-tips {
height: auto;
overflow: hidden;
font-size: 12px;
margin-bottom: 5px;
.tipsbox {
width: 648px;
height: 23px;
line-height: 18px;
padding: 4px 5px 4px 10px;
color: #666;
background: resolve(cart/cartnew_tipsbox.png) no-repeat;
position: relative;
float: left;
.btn_close {
width: 17px;
height: 17px;
padding: 0px;
background: url(/cart/i_close_f.png) no-repeat;
float: right;
cursor: pointer;
}
strong {
color: #000;
font-weight: bold;
}
a {
color: #468fa2;
}
}
}
.pay-wapper {
position: relative;
.pre-sell{
.pre-sell-title {
background: #fff9d9;
span{
margin-right: 10px;
}
}
}
.free{
display: inline-block;
width: 39px;
... ... @@ -277,26 +221,7 @@
.giftInfo{
margin-left: 30px;
}
.pay-pro-info {
padding-left: 15px;
padding-top: 10px;
margin-left: 0;
float: left;
a {
width: 200px;
}
b {
display: inline-block;
vertical-align: bottom;
max-width: 130px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-style: normal;
font-weight: 400;
}
}
.pre-sell-box {
.cart-empty{
border: none;
... ... @@ -315,121 +240,14 @@
.incentive {
background: #000100;
color: #fff;
}
}
.tip-message {
background: #e8044f;
color: #fff;
font-size: 12px;
margin-top: 5px;
}
.cart-product-num {
font-size: 12px;
text-align: left;
height: 33px;
line-height: 33px;
background: #f8f8f8;
padding: 0 10px;
position: relative;
strong{
padding-left: 20px;
font-weight: bold;
}
.icon-minusCart{
position: absolute;
top: 9px;
left: 15px;
float: left;
width: 15px;
height: 15px;
cursor: pointer;
background: url(/cart/i_minus.png);
}
.icon-addCart{
position: absolute;
top: 9px;
left: 15px;
float: left;
width: 15px;
height: 15px;
cursor: pointer;
background: url(/cart/iadd.png);
}
.icon-zp{
position: absolute;
top: 8px;
left: 10px;
float: left;
width: 18px;
height: 19px;
background: url(/cart/i_gift.png);
}
.cart-unfold{
position: absolute;
top: 0;
right: 10px;
i{
width: 28px;
height: 20px;
overflow: hidden;
display: inline-block;
margin-top: 5px;
cursor: pointer;
}
}
.cart-btn-pre{
background: url(/cart/pc_pre.png);
}
.cart-btn-next{
background: url(/cart/pc_next.png);
}
.unfold-color{
color: #666;
cursor: pointer;
}
.cart-page{
p{
float: left;
padding-right: 5px;
&.red {
background: #ff575c;
}
.f-red{
color: #f00;
}
}
input {
position : relative;
top: 2px;
}
}
input.cart-item-check {
float: left;
margin-top: 25px;
margin-left: 15px;
}
.adjust-cart-num {
input {
width: 30px;
margin: 0 5px;
text-align: center;
}
span {
display: inline-block;
width: 11px;
height: 11px;
cursor: pointer;
font-size: 10px;
}
.minus{
background: url(/cart/ico_minus.png);
}
.plus{
background: url(/cart/ico_plus.png);
}
}
.cart-add-btn{
width: 118px;
height: 32px;
... ... @@ -456,45 +274,7 @@
background: #ebebeb;
border-radius: 3px;
}
.cart-del-btn,.cart-remove-btn {
height: 22px;
line-height: 21px;
padding:0 10px;
display: inline-block;
cursor: pointer;
color: #666;
position: relative;
span {
position : relative;
z-index: 100;
}
&:after {
content: '';
display: block;
width: 16px;
height: 100%;
background: url(/cart/btn_hs_03.png);
position: absolute;
right: 0;
top: 0;
z-index: 10;
background-repeat: no-repeat;
}
&:before {
content: '';
display: block;
width: 100%;
height: 100%;
background: url(/cart/btn_hs_01.png);
position : absolute;
left: 0;
top: 0;
background-repeat: no-repeat;
}
}
.special-limit-7day{
display: block;
height: 16px;
... ... @@ -510,190 +290,72 @@
}
}
.cartnew-sum {
background: #efefef;
border: 1px #ccc solid;
padding: 10px;
.cartnew-goodslist {
margin-bottom: 10px;
zoom: 1;
margin-top: 20px;
height: auto;
overflow: hidden;
font-size: 12px;
border: 1px solid #ccc;
.left {
float: left;
.title {
height: 20px;
padding: 8px 10px;
background: #efefef;
a {
color: #333;
margin-left: 20px;
}
input {
position: relative;
top: 2px;
h2 {
height: 20px;
line-height: 24px;
overflow: hidden;
font-size: 12px;
float: left;
cursor: pointer;
i {
width: 15px;
height: 15px;
float: left;
position: relative;
top: 4px;
margin-right: 5px;
}
.icon-minus{
background: url(/cart/i_minus.png);
}
.icon-add{
background: url(/cart/iadd.png);
}
}
}
.right {
float: right;
text-align: right;
strong {
color: #e8044f;
font-size: 18px;
span{
width: 28px;
height: 22px;
display: inline-block;
}
.pageprev{
background: url(/cart/pc_pre.png);
}
.pagenext{
background: url(/cart/pc_next.png);
}
}
.main {
height: 230px;
border-top: 1px #e3e3e3 solid;
display: block;
.sum {
color: #333;
font-weight: bold;
padding-bottom: 5px;
}
.yoho-coin {
width: 14px;
height: 14px;
display: inline-block;
background: url(/cart/yoho-coin.png);
vertical-align: middle;
margin-top: -2px;
margin-right: 4px;
}
}
ul {
height: auto;
width: 100%;
overflow: hidden;
}
.cartnew-submit {
padding: 10px 0 40px 0;
text-align: right;
position: relative;
.btn_continue {
width: 60px;
height: 33px;
padding: 0px 0px 0px 33px;
text-align: left;
border: 0px;
line-height: 33px;
font-size: 14px;
color: #333;
font-weight: bold;
background: url(/cart/cart_01.png);
display: inline-block;
cursor: pointer;
float: left;
}
.btn_account {
width: 133px;
height: 33px;
padding: 0;
text-align: center;
border: 0;
line-height: 33px;
font-size: 14px;
color: #fff;
font-weight: bold;
background: url(/cart/cart_02.png);
display: inline-block;
cursor: pointer;
float: right;
}
.go_cash_tips {
font-size: 12px;
width: 200px;
padding: 5px 7px 0 28px;
height: 45px;
position: absolute;
right: 135px;
top: 10px;
text-align: left;
color: #e8044f;
background: url(/cart/cart_03.png);
display: block;
}
.btn_account_disabled {
width: 133px;
height: 33px;
padding: 0;
text-align: center;
border: 0;
line-height: 33px;
font-size: 14px;
color: #ccc;
font-weight: bold;
background: url(/cart/cart_04.png);
display: inline-block;
cursor: pointer;
}
}
.cartnew-goodslist {
margin-bottom: 10px;
font-size: 12px;
border: 1px solid #ccc;
.title {
height: 20px;
padding: 8px 10px;
background: #efefef;
h2 {
height: 20px;
line-height: 24px;
overflow: hidden;
font-size: 12px;
float: left;
cursor: pointer;
i {
width: 15px;
height: 15px;
float: left;
position: relative;
top: 4px;
margin-right: 5px;
}
.icon-minus{
background: url(/cart/i_minus.png);
}
.icon-add{
background: url(/cart/iadd.png);
}
}
}
.right {
float: right;
span{
width: 28px;
height: 22px;
display: inline-block;
}
.pageprev{
background: url(/cart/pc_pre.png);
}
.pagenext{
background: url(/cart/pc_next.png);
}
}
.main {
height: 230px;
border-top: 1px #e3e3e3 solid;
display: block;
ul {
height: auto;
width: 100%;
overflow: hidden;
}
li {
width: 16.6667%;
box-sizing: border-box;
height: 230px;
border-right: 1px #e3e3e3 solid;
float: left;
li {
width: 16.6667%;
box-sizing: border-box;
height: 230px;
border-right: 1px #e3e3e3 solid;
float: left;
&.end {
border: none;
... ... @@ -765,3 +427,661 @@
}
}
.shop-cart {
.red {
color: #d0021b;
}
.blue {
color: #0883d1;
}
.mt20 {
margin-top: 40px;
}
.mt40 {
margin-top: 20px;
}
.mb20 {
margin-bottom: 20px;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.btn-clear{
border: none;
background-color: transparent;
}
.cart-table {
border: 1px solid #e0e0e0;
&:not(last-child){
margin-top:-1px;
}
&.cart-table-disabled{
filter: alpha(opacity = 50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: .5;
}
}
.pre-sell {
background: #fff;
color: #818181;
font-size: 14px;
height: 30px;
line-height: 30px;
padding-left: 30px;
padding-top :20px;
span {
margin-right: 10px;
}
code {
display: inline-block;
margin-right: 30px;
}
}
.gift-sell {
border: 1px solid #e0e0e0;
padding:20px 30px 20px 55px;
code {
width: 70px;
height: 20px;
line-height: 20px;
display: inline-block;
margin-right: 20px;
background-color: #ff575c;
color: #fff;
font-size: 12px;
text-align: center;
&.order-pay-mark-white {
color: #ff575c;
background-color: #fff;
border: 1px solid #ff575c;
box-sizing: border-box;
}
}
p{
font-size: 14px;
color: #444;
line-height: 1;
margin-bottom: 8px;
&:last-child{
margin-bottom: 0;
}
}
a {
display: inline-block;
color: #ff575c;
margin-left: 20px;
cursor: pointer;
}
button {
float: right;
height: 20px;
line-height: 20px;
padding: 0;
font-size: 14px;
color: #000;
cursor: pointer;
outline: none;
&.blue {
color: #0883d1;
}
}
}
.cartnew-tips {
height: auto;
overflow: hidden;
font-size: 12px;
margin-bottom: 5px;
.tipsbox {
position: relative;
float: left;
width: 100%;
height: 24px;
line-height: 24px;
padding: 4px 0 4px 0;
color: #818181;
font-size: 14px;
background-color: #f0f0f0;
.btn_close {
width: 13px;
height: 13px;
padding: 0px;
margin-right: 30px;
margin-top: 5px;
background: url(/cart/i_close_f.png) no-repeat;
float: right;
cursor: pointer;
}
strong {
font-weight: normal;
padding-left:30px;
}
a {
color: #468fa2;
}
}
}
.order-pay {
width: 100%;
line-height: 150%;
.cart-title{
padding:0 30px;
background: #444;
height: 50px;
overflow: hidden;
*zoom:1;
&:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
p{
float:left;
display:inline-block;
height: 50px;
line-height: 50px;
font-size: 16px;
color: #fff;
vertical-align: middle;
text-align: center;
font-weight: 400;
&.left {
text-align: left;
}
&.right {
text-align: right;
}
}
}
.cart-product-num {
font-size: 14px;
text-align: left;
height: 33px;
line-height: 33px;
background: #f8f8f8;
padding: 0 10px;
position: relative;
strong{
padding-left: 20px;
font-weight: bold;
}
.icon-minusCart{
position: absolute;
top: 9px;
left: 15px;
float: left;
width: 15px;
height: 15px;
cursor: pointer;
background: url(/cart/i_minus.png);
}
.icon-addCart{
position: absolute;
top: 9px;
left: 15px;
float: left;
width: 15px;
height: 15px;
cursor: pointer;
background: url(/cart/iadd.png);
}
.icon-zp{
position: absolute;
top: 8px;
left: 10px;
float: left;
width: 18px;
height: 19px;
background: url(/cart/i_gift.png);
}
.cart-unfold{
position: absolute;
top: 0;
right: 10px;
i{
width: 28px;
height: 20px;
overflow: hidden;
display: inline-block;
margin-top: 5px;
cursor: pointer;
}
}
.cart-btn-pre{
background: url(/cart/pc_pre.png);
}
.cart-btn-next{
background: url(/cart/pc_next.png);
}
.unfold-color{
color: #666;
cursor: pointer;
}
.cart-page{
p{
float: left;
padding-right: 5px;
}
.f-red{
color: #f00;
}
}
input {
position : relative;
top: 2px;
}
}
.table {
width: 100%;
&.table-group {
li{
padding: 0;
margin: 0 30px 0 60px;
}
.cart-item-check{
position: absolute;
left: -45px;
}
}
li {
position: relative;
padding: 0 30px;
}
.tr{
border-bottom: 1px solid #e0e0e0;
*zoom:1;
&:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
&.active{
background-color: #f5f5f5;
}
&:last-child {
border-bottom: none;
}
.td {
float: left;
padding: 30px 0;
font-size: 15px;
text-align:center;
}
}
}
.cart-item-check {
width: 15px;
height: 15px;
float: left;
margin-top: 25px;
margin-left: 15px;
display: inline-block;
border: none;
background: url(/cart/ico_radius.png);
background-repeat: no-repeat;
cursor: pointer;
&.cart-item-checked{
background: url(/cart/ico_radius_checked.png);
}
}
.cart-item-disabled {
width: 16px;
height: 15px;
float: left;
margin-top: 25px;
margin-left: 15px;
display: inline-block;
border: none;
background: url(/cart/ico_disabled.png);
background-repeat: no-repeat;
cursor: pointer;
}
.pay-pro-icon {
float: left;
width: 70px;
height: 90px;
overflow: hidden;
display: block;
position: relative;
img {
max-width: 70px;
}
span {
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
display: block;
height: 16px;
line-height: 16px;
font-size:12px;
text-align: center;
color: #fff;
cursor: pointer;
background: #000100;
color: #fff;
}
}
.pay-pro-info {
float: left;
padding-left: 15px;
padding-top: 10px;
margin-left: 0;
a{
display:block;
width:280px;
color: #444;
font-size: 15px;
line-height: 1.25;
text-decoration: none;
text-align:left;
}
span{
display: block;
font-size: 13px;
color: #9a9a9a;
text-align: left;
b {
display: inline-block;
vertical-align: bottom;
max-width: 130px;
margin-right: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-style: normal;
font-weight: 400;
}
}
}
.cart-operation {
.cart-del-btn,.cart-col-btn {
display: block;
font-size:12px;
color:#000;
text-align:right;
cursor: pointer;
}
}
.adjust-cart-num {
.cart-num-cont {
position: relative;
width: 98px;
height: 30px;
.minus {
position: absolute;
top: 0;
left: 0;
}
input {
position: absolute;
top: 0;
left: 30px;
}
.plus {
position: absolute;
top: 0;
left: 67px;
}
}
input {
box-sizing: border-box;
width: 38px;
text-align: center;
height: 30px;
font-family: verdana;
color: #444;
font-size: 15px;
border: 1px solid #e0e0e0;
}
span {
display: inline-block;
width: 31px;
height: 30px;
cursor: pointer;
font-size: 14px;
}
.minus{
background: url(/cart/ico_minus.png);
}
.plus{
background: url(/cart/ico_plus.png);
}
}
.tip-message {
background: #fff;
font-size: 14px;
margin-top: 5px;
color:#ff575c;
&.tip-message-coin {
color: #000;
}
}
.product-price{
position:relative;
.sale-info {
position: absolute;
text-align: left;
left: 22%;
}
}
.sale-info {
&.active {
.sale-info-title {
border-bottom:1px solid #fff;
}
i {
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease,-webkit-transform .3s ease;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
zoom: 1;
}
}
.sale-info-title {
display: inline-block;
padding: 0 10px;
font-size: 12px;
color: #000;
border: 1px solid #000;
background-color: #fff;
z-index: 20;
i {
display: inline-block;
width: 9px;
height: 6px;
vertical-align: middle;
margin-bottom: 4px;
margin-left: 7px;
background: url(/cart/ico_down.png);
background-repeat: no-repeat;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease,-webkit-transform .3s ease;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
zoom: 1;
}
}
ul {
max-width: 210px;
box-sizing: border-box;
border: 1px solid #000;
z-index: 19;
margin-top: -1px;
padding: 0 10px;
background-color: #fff;
li {
position: relative;
width: 190px;
text-align: left;
font-size: 12px;
color: #000;
text-align: justify;
padding: 0;
margin-top: 5px;
&:nth-child(1){
margin-top: 0;
}
a {
position: absolute;
right: 0;
display: inline-block;
color: #ff575c;
cursor: pointer;
}
&.invalid {
color:#b0b0b0;
}
}
}
}
}
.yoho-coin {
width: 14px;
height: 14px;
display: inline-block;
background-image: url(/cart/yoho-coin.png);
background-position: -307px -225px;
vertical-align: middle;
margin-top: -2px;
margin-right: 4px;
}
.cartnew-sum {
position: relative;
background: #fff;
border: 1px solid #e0e0e0;
padding: 20px 30px 20px 50px;
zoom: 1;
margin-top: 20px;
height: auto;
overflow: hidden;
font-size: 14px;
.left {
float: left;
a {
color: #0883d1;
margin-left: 20px;
}
input {
position: relative;
top: 2px;
}
}
.right {
float: right;
text-align: right;
strong {
color: #d0021b;
font-size: 18px;
&.ins {
font-size: 14px;
width: initial;
font-weight: normal;
}
}
b,strong{
display: inline-block;
font-style: normal;
width: 120px;
text-align: right;
}
}
/*.sale-info-title {*/
/*position: absolute;*/
/*bottom: 15px;*/
/*&:nth-child(1) {*/
/*left: 50px;*/
/*}*/
/*&:nth-child(2) {*/
/*left: 178px;*/
/*}*/
/*}*/
.sum {
color: #333;
strong {
font-weight: 800;
kbd {
font-weight: normal;
}
}
}
}
.cartnew-submit {
height: 50px;
line-height: 50px;
position: relative;
background-color: #e0e0e0;
margin-top: -1px;
span{
display: inline-block;
margin-left: 30px;
font-size: 14px;
color: #000;
}
.btn-account {
width: 160px;
height: 50px;
padding: 0;
text-align: center;
border: 0;
line-height: 50px;
font-size: 16px;
color: #fff;
font-weight: bold;
display: inline-block;
background-color: #d0021b;
cursor: pointer;
float: right;
}
}
}
\ No newline at end of file
... ...