fe / yohobuy-node · Commits

Go to a project

Authored by 刘传洋
Commit ced2aa595e87fce2ff11121bcd892673153f554a 2 parents 990d67b1 5d501fcd

m

Inline Side-by-side
Showing 8 changed files with 627 additions and 155 deletions
... ... @@ -11,7 +11,8 @@
<div class="cartnew-tips">
<div class="tipsbox" id="tipsbox">
<a href="javascript:void(0);" class="btn_close" title="关闭"></a>
<strong>温馨提示：</strong>亲爱的顾客，您还没有 <a href="{{cart.loginUrl}}" class="a_eu">登录</a> 哦，所有商品价格、活动信息以登录后显示为准.
<strong>温馨提示：</strong>亲爱的顾客，您还没有 <a href="{{cart.loginUrl}}" class="a_eu">登录</a>
哦，所有商品价格、活动信息以登录后显示为准.
</div>
</div>
{{^}}
... ... @@ -25,17 +26,19 @@
<div class="order-pay">
{{#if cart.isEmpty}}
<div class="pay-wapper">
<div class="shop-cart-empty">
<i class="iconfont"></i>
<p>购物车空空的哦，去看看心仪的商品吧~</p>
<a href="#">去购物</a>
</div>
<div class="shop-cart-empty">
<i class="iconfont"></i>
<p>购物车空空的哦，去看看心仪的商品吧~</p>
<a href="#">去购物</a>
</div>
</div>
<div class="dev-revocation {{#unless cart.deleteShop}}none{{/unless}}">
<table>
{{# cart.deleteShop}}
<tr data-productnum="{{productNum}}" data-productsku="{{productSku}}">
<td style="width:40%; text-align: left;">成功删除<a class="title" href="{{link}}" target="_blank">{{productTitle}}</a></td>
<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>
... ... @@ -53,7 +56,7 @@
<div class="pay-wapper">
<div class="cart-title">
<p class="left" style="width:6%;">
<i class="cart-item-check iconfont cart-item-checked"></i> 全选
<i class="cart-item-check iconfont cart-item-checked"></i> 全选
</p>
<p style="width:40%">商品信息</p>
<p style="width:14%">单价</p>
... ... @@ -104,14 +107,24 @@
{{#if promotionInfos}}
<div class="gift-sell mt40">
{{#promotionInfos}}
<div data-role="promotion-wrap" >
<code class="{{#unless isReach}}order-pay-mark-white{{/unless}}">{{tag}}</code>{{promotionTitle}}
<div class="gift-sell-info" data-role="promotion-wrap">
<code class="order-pay-mark
{{#unless isReach}}order-pay-mark-white{{/unless}}">
{{tag}}
</code>{{promotionTitle}}
{{#if isGift}}
{{#if isNotReach}}<a href="javascript:void(0);" data-role="gift-view-btn">查看赠品</a>{{/if}}
{{#if isNotReach}}
<a class="order-pay-link" href="javascript:void(0);"
data-role="gift-view-btn">查看赠品</a>{{/if}}
{{#if isSelected}}
<a href="javascript:void(0);" data-role="gift-resel-btn">重选赠品</a>
<a class="order-pay-link" href="javascript:void(0);"
data-role="gift-resel-btn">重选赠品</a>
{{else}}
{{#if isReach}}<a href="javascript:void(0);" data-role="gift-sel-btn">领赠品</a>{{/if}}
{{#if isReach}}
<a class="order-pay-link" href="javascript:void(0);"
data-role="gift-sel-btn">领赠品</a>{{/if}}
{{/if}}
{{/if}}
... ... @@ -126,7 +139,7 @@
{{/if}}
{{#if isNotReach}}
<a class="btn-clear blue" target="_blank" href="{{promotionPageUrl}}" data-together-id="1" >去凑单&nbsp;></a>
<a class="btn-clear blue order-pay-link" target="_blank" href="{{promotionPageUrl}}">去凑单&nbsp;></a>
{{/if}}
{{/if}}
... ... @@ -189,7 +202,9 @@
{{#if promotionInfos}}
<div class="gift-sell mt20">
{{#promotionInfos}}
<p><code>{{tag}}</code>{{promotionTitle}}<a class="btn-clear blue" data-together-id="6">去凑单&nbsp;&gt;</a></p>
<p class="gift-sell-info"><code>{{tag}}</code>{{promotionTitle}}<a class="btn-clear blue"
data-together-id="6">去凑单&nbsp;&gt;</a>
</p>
{{/promotionInfos}}
</div>
{{/if}}
... ... @@ -200,8 +215,10 @@
<div class="cartnew-sum">
{{#unless cart.isEmpty}}
<div class="left">
<a href="javascript:void(0);" class="btn_h" style="display:none;"><span>清空商品</span></a>
<i class="cart-item-check iconfont" id="cbSelAllGoods" {{#if cart.isCheckedAll}}checked="checked"{{/if}}></i>
<a href="javascript:void(0);" class="btn_h"
style="display:none;"><span>清空商品</span></a>
<i class="cart-item-check iconfont" id="cbSelAllGoods"
{{#if cart.isCheckedAll}}checked="checked"{{/if}}></i>
<span>全选</span>
<a class="delAll" href="javascript:void(0);">删除选中商品</a>
<a class="removeAll" href="javascript:void(0);">移入收藏夹</a>
... ... @@ -210,8 +227,9 @@
{{/unless}}
<div class="right">
<p>
{{#if gainYohoCoin}}<a href="/help/?category_id=87" class="yoho-coin" target="_blank"></a>
共返有货币：{{gainYohoCoin}}个&#12288;&#12288;{{/if}}
{{#if gainYohoCoin}}
<a href="/help/?category_id=87" class="yoho-coin" target="_blank"></a>
共返有货币：{{gainYohoCoin}}个&#12288;&#12288;{{/if}}
已选商品<strong class="ins">{{selectedGoodsCount}}件</strong>&#12288;&#12288;
商品金额：<b>¥&nbsp;{{orderAmount}}</b>
</p>
... ... @@ -225,65 +243,67 @@
<span>添加礼品袋</span>
<a href="javascript:void(0);" class="btn-account">去结算</a>
</div>
{{> cart-pre-sell-tpl }}
{{/stat}}
</div>
{{/cart}}
{{!--{{#cart.salesPromotion}}
<div class="salesPromotion">
<p>
{{#if salesTitle}}
<b>{{salesTitle}}</b>
{{/if}}
{{salesMessage}}</p>
<span><i></i>已参与</span>
</div>
{{/cart.salesPromotion}} --}}
{{!--{{#cart.salesPromotion}}
<div class="salesPromotion">
<p>
{{#if salesTitle}}
<b>{{salesTitle}}</b>
{{/if}}
{{salesMessage}}</p>
<span><i></i>已参与</span>
</div>
{{/cart.salesPromotion}} --}}
{{/if}}
</div>
</div>
{{#unless @root.pc.product.removeRecentView}}
<div class="lazy-load-object">
<div class="lazy-load-object">
<textarea class="datalazyload" style="visibility: hidden;">
<script>
fetchRecommend();
</script>
</textarea>
</div>
</div>
{{#if cart.isEmpty}}
<div class="bottom-tab bottom-tab-slide">
<span class="bottom-title cur {{#unless cart.deleteShop}}none{{/unless}}">凑单商品</span>
<span class="bottom-title {{#unless cart.deleteShop}}cur{{/unless}}">为您优选</span>
<span class="bottom-title">最近浏览</span>
<span class="change">换一批
<div class="bottom-tab bottom-tab-slide">
<span class="bottom-title cur {{#unless cart.deleteShop}}none{{/unless}}">凑单商品</span>
<span class="bottom-title {{#unless cart.deleteShop}}cur{{/unless}}">为您优选</span>
<span class="bottom-title">最近浏览</span>
<span class="change">换一批
<span class="iconfont change-icon">&#xe639;</span>
</span>
</div>
<div class="individual-slide">
<div class="individual-item individual-item-togetherGoods {{#unless cart.deleteShop}}none{{/unless}}">
<input id="" type="hidden" value="">
<div id="" class="goods clearfix">
{{>individual-slide}}
</div>
</div>
<div class="individual-item individual-item-recommendGoods {{#if cart.deleteShop}}none{{/if}}">
<input id="" type="hidden" value="{{latestWalk}}">
<div id="" class="goods clearfix">
{{>individual-slide}}
</div>
</div>
<div class="individual-item individual-item-latestWalk none">
<input id="latest-walk-count" type="hidden" value="">
<div id="latest-walk-goods" class="goods clearfix">
{{>individual-slide}}
</div>
<div class="individual-slide">
<div class="individual-item individual-item-togetherGoods {{#unless cart.deleteShop}}none{{/unless}}">
<input id="" type="hidden" value="">
<div id="" class="goods clearfix">
{{>individual-slide}}
</div>
</div>
<div class="individual-item individual-item-recommendGoods {{#if cart.deleteShop}}none{{/if}}">
<input id="" type="hidden" value="{{latestWalk}}">
<div id="" class="goods clearfix">
{{>individual-slide}}
</div>
</div>
<div class="individual-item individual-item-latestWalk none">
<input id="latest-walk-count" type="hidden" value="">
<div id="latest-walk-goods" class="goods clearfix">
{{>individual-slide}}
</div>
</div>
</div>
</div>
{{/if}}
{{> cart-together-tpl }}
{{/if}}
{{/unless}}
<div class="loading"><span></span>请稍后...</div>
... ... @@ -293,36 +313,39 @@
<script type="text/javascript">
/*<textarea data-role="gifts-cansel" class="hide" data-promotionid="{{promotionId}}">{{{giftGoodsListStr}}}</textarea>*/
</script>
<!-- 商品详细信息窗口 -->
<script type="text/javascript">
(function (d) {
window.bd_cpro_rtid="P1fsPWc";
var s = d.createElement("script");s.type = "text/javascript";s.async = true;s.src = location.protocol + "//cpro.baidu.com/cpro/ui/rt.js";
var s0 = d.getElementsByTagName("script")[0];s0.parentNode.insertBefore(s, s0);
})(document);
(function (d) {
window.bd_cpro_rtid = "P1fsPWc";
var s = d.createElement("script");
s.type = "text/javascript";
s.async = true;
s.src = location.protocol + "//cpro.baidu.com/cpro/ui/rt.js";
var s0 = d.getElementsByTagName("script")[0];
s0.parentNode.insertBefore(s, s0);
})(document);
</script>
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></script>
<script type="text/javascript">
window.criteo_q = window.criteo_q || [];
window.criteo_q.push(
{event:"setAccount", account: 16184},
{event:"setCustomerId", id: "{{uid}}"},
{event:"setSiteType", type: "d"},
{event:"viewBasket", item: {{{cart.criteo}}} }
);
window.criteo_q = window.criteo_q || [];
window.criteo_q.push(
{event: "setAccount", account: 16184},
{event: "setCustomerId", id: "{{uid}}"},
{event: "setSiteType", type: "d"},
{event: "viewBasket", item: {{{cart.criteo}}} }
);
</script>
<!-- 聚效 -->
<script type="text/javascript">
var _mvq = window._mvq || [];
window._mvq = _mvq;
_mvq.push(['$setAccount', 'm-23428-1']);
_mvq.push(['$setGeneral', 'cartview', '', /*用户名*/ '', '{{uid}}']);
_mvq.push(['$logConversion']);
_mvq.push(['$addItem', '', /*商品id*/ '{{cart.ids}}', '', '']);
_mvq.push(['$logData']);
var _mvq = window._mvq || [];
window._mvq = _mvq;
_mvq.push(['$setAccount', 'm-23428-1']);
_mvq.push(['$setGeneral', 'cartview', '', /*用户名*/ '', '{{uid}}']);
_mvq.push(['$logConversion']);
_mvq.push(['$addItem', '', /*商品id*/ '{{cart.ids}}', '', '']);
_mvq.push(['$logData']);
</script>
... ...
<div class="yoho-dialog cart-preSell-dialog"
data-role="cart-pre-sell"
style="margin-top:-200px;margin-left: -350px; display:none;">
<span class="close">
<i class="iconfont">&#xe60d;</i>
</span>
<div class="content">
<div class="detail-body">
<div class="slide-img">
<p class="sell-class-title">预售商品<strong>3</strong>&nbsp;&nbsp;&nbsp;总金额<strong>￥809.00</strong></p>
<div class="side-img-dd">
<div class="side-img-container">
<ul class="img-list">
<li class="img-item">
<span class="hide goods-id">{{goods_id}}</span>
<div class="good">
<a class="good-cont" href="{{url}}" target="_blank">
<img src="//img12.static.yhbimg.com/goodsimg/2016/11/04/16/0249e621f1ee8b0813d310a5232b05deb4.jpg?imageMogr2/thumbnail/60x60/extent/60x60/background/d2hpdGU=/position/center/quality/90">
<span class="incentive">预售</span>
</a>
</div>
</li>
<li class="img-item">
<span class="hide goods-id">{{goods_id}}</span>
<div class="good">
<a class="good-cont" href="{{url}}" target="_blank">
<img src="//img12.static.yhbimg.com/goodsimg/2016/11/04/16/0249e621f1ee8b0813d310a5232b05deb4.jpg?imageMogr2/thumbnail/60x60/extent/60x60/background/d2hpdGU=/position/center/quality/90">
<span class="incentive">预售</span>
</a>
</div>
</li>
<li class="img-item">
<span class="hide goods-id">{{goods_id}}</span>
<div class="good">
<a class="good-cont" href="{{url}}" target="_blank">
<img src="//img12.static.yhbimg.com/goodsimg/2016/11/04/16/0249e621f1ee8b0813d310a5232b05deb4.jpg?imageMogr2/thumbnail/60x60/extent/60x60/background/d2hpdGU=/position/center/quality/90">
<span class="incentive">预售</span>
</a>
</div>
</li>
</ul>
</div>
<div class="img-brand-switch">
<a class="prev iconfont" href="javascript:;">&#xe609;</a>
<a class="next iconfont" href="javascript:;">&#xe608;</a>
</div>
</div>
</div>
<a class="btn-account">去结算</a>
<div class="slide-img">
<p class="sell-class-title">普通商品<strong>7</strong>&nbsp;&nbsp;&nbsp;总金额<strong>￥809.00</strong></p>
<div class="side-img-dd">
<div class="side-img-container">
<ul class="img-list">
<li class="img-item">
<span class="hide goods-id">{{goods_id}}</span>
<div class="good">
<a class="good-cont" href="{{url}}" target="_blank">
<img class="lazy" src="{{pic_url}}"/>
</a>
</div>
<i class="iconfont checked">&#xe6cb;</i>
</li>
<li class="img-item">
<span class="hide goods-id">{{goods_id}}</span>
<div class="good">
<a class="good-cont" href="{{url}}" target="_blank">
<img class="lazy" src="{{pic_url}}"/>
</a>
</div>
</li>
<li class="img-item">
<span class="hide goods-id">{{goods_id}}</span>
<div class="good">
<a class="good-cont" href="{{url}}" target="_blank">
<img class="lazy" src="{{pic_url}}"/>
</a>
</div>
</li>
<li class="img-item">
<span class="hide goods-id">{{goods_id}}</span>
<div class="good">
<a class="good-cont" href="{{url}}" target="_blank">
<img class="lazy" src="{{pic_url}}"/>
</a>
</div>
</li>
<li class="img-item">
<span class="hide goods-id">{{goods_id}}</span>
<div class="good">
<a class="good-cont" href="{{url}}" target="_blank">
<img class="lazy" src="{{pic_url}}"/>
</a>
</div>
</li>
<li class="img-item">
<span class="hide goods-id">{{goods_id}}</span>
<div class="good">
<a class="good-cont" href="{{url}}" target="_blank">
<img class="lazy" src="{{pic_url}}"/>
</a>
</div>
</li>
<li class="img-item">
<span class="hide goods-id">{{goods_id}}</span>
<div class="good">
<a class="good-cont" href="{{url}}" target="_blank">
<img class="lazy" src="{{pic_url}}"/>
</a>
</div>
</li>
<li class="img-item">
<span class="hide goods-id">{{goods_id}}</span>
<div class="good">
<a class="good-cont" href="{{url}}" target="_blank">
<img class="lazy" src="{{pic_url}}"/>
</a>
</div>
</li>
<li class="img-item">
<span class="hide goods-id">{{goods_id}}</span>
<div class="good">
<a class="good-cont" href="{{url}}" target="_blank">
<img class="lazy" src="{{pic_url}}"/>
</a>
</div>
</li>
<li class="img-item">
<span class="hide goods-id">{{goods_id}}</span>
<div class="good">
<a class="good-cont" href="{{url}}" target="_blank">
<img class="lazy" src="{{pic_url}}"/>
</a>
</div>
</li>
<li class="img-item">
<span class="hide goods-id">{{goods_id}}</span>
<div class="good">
<a class="good-cont" href="{{url}}" target="_blank">
<img class="lazy" src="{{pic_url}}"/>
</a>
</div>
</li>
</ul>
</div>
<div class="img-brand-switch">
<a class="prev iconfont" href="javascript:;">&#xe609;</a>
<a class="next iconfont" href="javascript:;">&#xe608;</a>
</div>
</div>
</div>
<a class="btn-account btn-account-black">去结算</a>
<p class="pre-sell-tip">温馨提示：您需要分开结算【预售商品】和【普通商品】</p>
</div>
</div>
</div>
... ...
... ... @@ -7,10 +7,13 @@
<div class="content">
<div class="detail-body">
<div class="slide-img">
<p>选赠品:
<em><span class="active">1元加价购</span>
<code>|</code><span>59元加价购</span>
<code>|</code><span>99元加价购</span>
<p class="sell-class-title">选赠品:
<em class="slide-img-title"><span
class="active">1元加价购</span>
<code class="spacing">|</code>
<span>59元加价购</span>
<code class="spacing">|</code>
<span>99元加价购</span>
</em>
</p>
<div class="side-img-dd">
... ... @@ -26,6 +29,10 @@
</li>
{{/each}}
</ul>
<div class="img-brand-switch">
<a class="prev iconfont" href="javascript:;">&#xe609;</a>
<a class="next iconfont" href="javascript:;">&#xe608;</a>
</div>
</div>
</div>
<div class="detail-goods">
... ... @@ -132,7 +139,7 @@
<span data-sku="{{sku}}" data-num="{{num}}">40码{{name}}</span>
<span data-sku="{{sku}}" data-num="{{num}}">40码{{name}}</span>
</div>
<p>内长&nbsp;25.5com</p>
<p class="size-p">内长&nbsp;25.5com</p>
</dt>
</dl>
<dl>
... ...
<div class="yoho-dialog cart-togetherGoods togethor"
data-role=""
style="margin-top: -374.5px; margin-left: -350px; display:none;">
<span class="close">
<i class="iconfont">&#xe60d;</i>
</span>
<div class="content">
<div class="detail-body">
<div class="detail-goods">
<div class="detail-bigpic">
<div class="bigpic">
<img src="">
</div>
<div class="bigpic none">
<img src="">
</div>
<div class="bigpic none">
<img src="">
</div>
<div class="bigpic none">
<img src="">
</div>
<div class="bigpic none">
<img src="">
</div>
<div class="bigpic none">
<img src="">
</div>
<div class="piclist">
<span class="pre"></span>
<div class="con">
<ul>
<li class="active"><img src=""></li>
<li><img src=""></li>
<li><img src=""></li>
<li><img src=""></li>
<li><img src=""></li>
</ul>
</div>
<span class="next"></span>
</div>
</div>
<div class="detail-bigpic none">
<div class="bigpic">
<img src="">
</div>
<div class="bigpic none">
<img src="">
</div>
<div class="bigpic none">
<img src="">
</div>
<div class="bigpic none">
<img src="">
</div>
<div class="bigpic none">
<img src="">
</div>
<div class="bigpic none">
<img src="">
</div>
<div class="piclist">
<span class="pre"></span>
<div class="con">
<ul>
<li class="active"><img src=""></li>
<li><img src=""></li>
<li><img src=""></li>
<li><img src=""></li>
<li><img src=""></li>
</ul>
</div>
<span class="next"></span>
</div>
</div>
<div class="detail-info">
<div class="title">
<h2>哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈{{name}}</h2>
</div>
<div class="price">
<span class="newprice">现价：<b class="promotion-price">¥7777{{salePrice}}</b></span>
<span class="activityprice">活动价：<b class="promotion-price">¥5555{{marketPrice}}</b></span>
</div>
<div class="order">
<dl>
<dd class="colorBox">选颜色：</dd>
<dt>
<div class="colorBox">
<ul>
<li class="color active">
<p class="{{#if focus}}atcive{{/if}}"><span></span><img src=""></p>
<span>{{name}}</span>
</li>
<li class="color">
<p class="{{#if focus}}atcive{{/if}}"><span></span><img src=""></p>
<span>{{name}}</span>
</li>
</ul>
</div>
</dt>
</dl>
<dl>
<dd class="showSizeBox">选尺码：</dd>
<dt>
<div class="showSizeBox">
<span data-sku="{{sku}}" data-num="{{num}}" class="disabled">40码{{name}}</span>
<span data-sku="{{sku}}" data-num="{{num}}">40码{{name}}</span>
<span data-sku="{{sku}}" data-num="{{num}}">40码{{name}}</span>
<span data-sku="{{sku}}" data-num="{{num}}">40码{{name}}</span>
</div>
<p class="size-p">内长&nbsp;25.5com</p>
</dt>
</dl>
<dl>
<dd>选件数：</dd>
<dt>
<div class="amount_wrapper">
<input type="text" id="num" class="num" value="1" readonly="readonly">
<a class="amount cut"><i class="iconfont">&#xe6c0;</i></a>
<a class="amount add"><i class="iconfont">&#xe6c1;</i></a>
</div>
</dt>
</dl>
</div>
<div class="submit">
<button class="btn-red"><i class="addCart iconfont">&#xe600;</i>添加到购物车</button>
<button class="btn-favCount"><i class="favCount iconfont">&#xe68f;</i>收藏商品</button>
</div>
</div>
<div class="detail-size">
<h3>尺码信息（单位：厘米）</h3>
<table>
<thead>
<tr>
<th width="{{width}}">吊牌吃吗</th>
<th width="{{width}}">吊牌吃吗
</td>
<th width="{{width}}">吊牌吃吗
</td>
<th width="{{width}}">吊牌吃吗
</td>
<th width="{{width}}">吊牌吃吗
</td>
<th width="{{width}}">吊牌吃吗
</td>
</tr>
</thead>
<tbody>
<tr>
<td>6666{{.}}</td>
</tr>
<tr>
<td>4444{{.}}</td>
</tr>
</tbody>
</table>
<div class="size-info">
※ 以上尺寸为实物实际测量，因测量方式不同会有略微误差，相关数据仅作参考，以收到实物为准。
</div>
</div>
</div>
</div>
</div>
</div>
... ...
... ... @@ -468,11 +468,32 @@ $paySum.on('click', '.btn-account', function() {
// }
// } else {
new Alert('请至少选择一件商品').show();
// new Alert('请至少选择一件商品').show();
// }
// }
// }
$('.cart-preSell-dialog').show();
// $('.togethor').show();
// $('.cart-togetherGoods').show();
});
var giftBtn = '[data-role=gift-view-btn],[data-role=gift-resel-btn],[data-role=gift-sel-btn]';
$('.shop-cart').on('click', giftBtn, function() {
var $this = $(this);
var $win = $this.closest('[data-role=promotion-wrap]').find('[data-role=cart-gift-win]');
console.log($win.length);
$win.show();
});
$('.shop-cart').on('click', '[data-role="cart-gift-win"] .close', function(){
$(this).closest('[data-role="cart-gift-win"]').hide();
});
require('./cart-action');
... ...
... ... @@ -58,7 +58,7 @@
width: 100%;
height: auto;
}
&.none{
&.none {
display: none;
}
}
... ... @@ -161,6 +161,7 @@
font-size: 13px;
*zoom: 1;
min-height: 145px;
background: none;
&:after {
content: '';
display:block;
... ... @@ -204,13 +205,16 @@
height: auto;
overflow: hidden;
}
&+p{
margin-top: 5px;
margin-bottom: 10px;
}
}
}
.size-p{
margin-top: 5px;
margin-bottom: 10px;
color: #999;
font-size: 13px
}
.colorBox {
&>ul {
zoom: 1;
... ... @@ -224,7 +228,6 @@
li {
width: 40px;
height: 40px;
overflow: hidden;
text-align: center;
margin-right: 5px;
display: inline;
... ... @@ -234,7 +237,6 @@
width: 40px;
height: 40px;
border: 2px #232323 solid;
}
p {
width: 38px;
... ... @@ -323,9 +325,10 @@
}
.submit {
margin-top: 15px;
text-align: left;
button {
float: none;
line-height:40px;
width: 140px;
height: 40px;
font-size: 15px;
... ... @@ -409,17 +412,19 @@
}
.side-img-dd {
width: 415px;
height: 90px;
overflow: hidden;
margin: 0 auto;
.img-brand-switch{
a {
position: absolute;
top: 90px;
top: 96px;
font-size: 22px;
color: #000;
width: 20px;
height: 32px;
padding-top: 8px;
height: 24px;
padding: 0;
text-align: center;
background-color: #fff;
&.prev {
... ... @@ -436,18 +441,26 @@
}
}
.sell-class-title {
font-size: 14px;
color: #444;
text-align: left;
height: 20px;
line-height: 20px;
vertical-align: middle;
margin-bottom: 15px;
strong {
display: inline-block;
margin: 0 3px;
color: #d0021b;
font-weight: 300;
}
}
.slide-img {
margin-bottom: 25px;
p {
font-size: 14px;
color: #444;
text-align: left;
height: 20px;
line-height: 20px;
vertical-align: middle;
margin-bottom: 15px;
}
em {
.slide-img-title {
float: right;
display: inline-block;
... ... @@ -461,7 +474,7 @@
.active {
color: #d0021b;
}
code {
.spacing{
font-size: 18px;
font-weight: 300;
color: #000;
... ... @@ -493,7 +506,7 @@
}
.checked {
position: absolute;
top: 4px;
top: 0;
right: 4px;
font-size: 15px;
color: #3a3a3a;
... ... @@ -501,17 +514,98 @@
.good {
float: left;
width: 63px;
a {
cursor: pointer;
border: none;
display: block;
}
img {
display: block;
width: 65px;
height: 90px;
}
}
.good-cont{
cursor: pointer;
border: none;
display: block;
color: transparent;
margin: 0;
}
}
.incentive {
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
display: block;
height: 20px;
line-height: 20px;
font-size: 12px;
text-align: center;
color: #fff;
cursor: pointer;
background: #3a3a3a;
color: #fff;
}
}
.cart-preSell-dialog {
background-color: #fff;
.detail-body{
padding: 10px 10px 20px;
.sell-class-title {
padding-top: 10px;
}
}
.slide-img {
width: 434px;
.sell-class-title {
border-top: 1px solid #e0e0e0;
padding-left: 13px;
}
&:nth-child(1) {
.sell-class-title {
border-top: none;
}
}
}
.btn-account {
display: inline-block;
color: #000;
width: 130px;
height: 30px;
line-height: 30px;
margin-bottom: 25px;
font-size: 15px;
border: 1px solid #000;
box-sizing: border-box;
background-color: #fff;
cursor: pointer;
}
.btn-account-black {
background-color: #000;
color: #fff;
}
.pre-sell-tip{
font-size: 14px;
color: #444;
text-after-overflow: center;
}
.side-img-dd {
position: relative;
overflow: visible;
.img-brand-switch {
a {
top: 32px;
}
a.prev {
left: -20px;
}
a.next {
right: -20px;
}
}
}
.side-img-container {
width: 409px;
height: 90px;
overflow: hidden;
margin: 0 auto;
}
}
... ...
... ... @@ -237,13 +237,13 @@
line-height: 32px;
}
}
.incentive {
background: #000100;
color: #fff;
&.red {
background: #ff575c;
}
}
/*.incentive {*/
/*background: #000100;*/
/*color: #fff;*/
/*&.red {*/
/*background: #ff575c;*/
/*}*/
/*}*/
}
.cart-add-btn{
... ... @@ -494,7 +494,7 @@
.gift-sell {
border: 1px solid #e0e0e0;
padding:20px 30px 20px 55px;
code {
.order-pay-mark{
width: 70px;
height: 20px;
line-height: 20px;
... ... @@ -511,22 +511,19 @@
box-sizing: border-box;
}
}
p{
.gift-sell-info{
font-size: 14px;
color: #444;
line-height: 1;
margin-bottom: 8px;
&:last-child{
margin-bottom: 0;
}
}
a {
.order-pay-link{
display: inline-block;
color: #ff575c;
margin-left: 20px;
cursor: pointer;
}
button {
.btn-clear {
float: right;
height: 20px;
line-height: 20px;
... ... @@ -761,33 +758,6 @@
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;
text-align: left;
... ... @@ -945,7 +915,9 @@
margin-bottom: 10px;
}
.active {
border-color: #000;
border-color: #444;
background-color: #444;
color: #fff;
}
.disabled {
color: #e8e8e8;
... ... @@ -1163,6 +1135,37 @@
}
}
.pay-pro-icon {
float: left;
width: 70px;
height: 90px;
overflow: hidden;
display: block;
position: relative;
img {
max-width: 70px;
}
.incentive {
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;
&.red {
background-color: #ff575c;
}
}
}
.yoho-coin {
width: 14px;
height: 14px;
... ...
... ... @@ -11,7 +11,7 @@
border-radius: 5px;
background: #fff;
display: none;
.magnify{
.magnify {
position: absolute;
width: 12px;
height: 12px;
... ... @@ -20,7 +20,7 @@
right: 2px;
}
.detail-header{
.detail-header {
display: block;
font-size: 12px;
line-height: 16px;
... ...