Authored by 刘传洋

m

... ... @@ -90,6 +90,7 @@
<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%;">
<sub class="out-of-stock">您勾选的商品库存不足</sub>
<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}}">
... ... @@ -556,11 +557,11 @@
</div>
<!-- 失效 -->
<div class="cart-table cart-table-disabled">
<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}}>
<li class="pre-sell-box tr tr-disabled" {{#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"/>
<del class="cart-item-disabled">失效</del>
<a class="pay-pro-icon" href="{{link}}" target="_blank">
<img src="{{imgCover}}">
<span class="incentive">预售</span>
... ...
... ... @@ -7,7 +7,7 @@
<p class="price">
<span class="sale-price">8888{{salePrice}}</span>
</p>
<a class="btn-add-cart">加入购物车</a>
<a class="btn-add-cart" data-together-id=" " >加入购物车</a>
</li>
<li class="good img-item">
<span class="hide goods-id">{{goods_id}}</span>
... ... @@ -18,7 +18,7 @@
<p class="price">
<span class="sale-price">8888{{salePrice}}</span>
</p>
<a class="btn-add-cart">加入购物车</a>
<a class="btn-add-cart" data-together-id=" " >加入购物车</a>
</li>
<li class="good img-item">
<span class="hide goods-id">{{goods_id}}</span>
... ... @@ -30,7 +30,7 @@
<span class="sale-price sale-price-new">8888{{salePrice}}</span>
<span class="market-price">7777{{marketPrice}}</span>
</p>
<a class="btn-add-cart">加入购物车</a>
<a class="btn-add-cart" data-together-id=" " >加入购物车</a>
</li>
<li class="good img-item">
<span class="hide goods-id">{{goods_id}}</span>
... ... @@ -41,7 +41,7 @@
<p class="price">
<span class="sale-price">8888{{salePrice}}</span>
</p>
<a class="btn-add-cart">加入购物车</a>
<a class="btn-add-cart" data-together-id=" " >加入购物车</a>
</li>
<li class="good img-item">
<span class="hide goods-id">{{goods_id}}</span>
... ... @@ -52,7 +52,7 @@
<p class="price">
<span class="sale-price">8888{{salePrice}}</span>
</p>
<a class="btn-add-cart">加入购物车</a>
<a class="btn-add-cart" data-together-id=" " >加入购物车</a>
</li>
<li class="good img-item">
<span class="hide goods-id">{{goods_id}}</span>
... ... @@ -63,6 +63,6 @@
<p class="price">
<span class="sale-price">8888{{salePrice}}</span>
</p>
<a class="btn-add-cart">加入购物车</a>
<a class="btn-add-cart" data-together-id=" " >加入购物车</a>
</li>
... ...
<!-- 凑单 -->
<div class="detail-body" id="goodsTogetherDetail">
<div class="slide-img">
<p>选赠品:<em><span
class="active">1元加价购</span><code>|</code><span>59元加价购</span><code>|</code><span>99元加价购</span></em></p>
<div class="side-img-dd">
<ul class="img-list">
<li class="img-item">
<span class="hide goods-id">{{goods_id}}</span>
<div class="good">
<a 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 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 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 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 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 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 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 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 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 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 href="{{url}}" target="_blank">
<img class="lazy" src="{{pic_url}}"/>
</a>
</div>
</li>
</ul>
</div>
</div>
<div class="detail-goods">
<div class="detail-bigpic">
<div class="bigpic">
... ... @@ -201,7 +104,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>
... ... @@ -222,7 +125,7 @@
</div>
<div class="detail-size">
<h3>尺码信息(单位:厘米)</h3>
<table>
<table style="margin-bottom:100px;">
<thead>
<tr>
<th width="{{width}}">吊牌吃吗</th>
... ...

47.4 KB | W: | H:

47 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
... ... @@ -6,17 +6,13 @@
var $ = require('yoho-jquery'),
lazyLoad = require('yoho-jquery-lazyload'),
dialog = require('../common/dialog');
dialog = require('../common/dialog'),
$sellBox = $('.cart-table .pre-sell-box');
require('../plugins/slider');
require('../common/center-slider');
require('../common');
var Dialog = dialog.Dialog,
Alert = dialog.Alert,
$cartGoodsDetail = $('#goodsTogetherDetail'),
$sellBox = $('.cart-table .pre-sell-box');
$('.side-img-dd').slider2({
shownum: 5,
isCircle: true
... ... @@ -26,93 +22,6 @@ $('.side-img-dd').slider2({
lazyLoad($('#details-html img'));
// ----------------底部 为你优选,最近浏览 begin--------------
// 推荐、优选、浏览切换
$(function() {
var $togetherGoods = $('.individual-item-togetherGoods'),
$recommendGoods = $('.individual-item-recommendGoods'),
$latestWalk = $('.individual-item-latestWalk');
if ($togetherGoods.hasClass('none')) {
$recommendGoods.show();
}
$('.bottom-tab-slide').on('click', '.bottom-title', function() {
var $this = $(this),
index = $this.index();
console.log(index);
$togetherGoods.hide();
$recommendGoods.hide();
if ($this.hasClass('change')) {
return;
}
if ($this.hasClass('cur')) {
return;
}
$this.addClass('cur');
$this.siblings('.cur').removeClass('cur');
switch (index) {
case 0: {
$togetherGoods.slideDown();
$recommendGoods.hide();
$latestWalk.hide();
break;
}
case 1: {
$togetherGoods.hide();
$recommendGoods.slideDown();
$latestWalk.hide();
break;
}
case 2: {
$togetherGoods.hide();
$recommendGoods.hide();
$latestWalk.slideDown();
break;
}
}
});
});
// 凑单 底部 轮播
function loadSlideGoods() {
$.ajax({
type: 'GET',
url: '',
data: {
// skn: skn,
size: 20,
num: 1
}
}).then(function(data) {
// var pro = data.data.products;
// if (data.code === 200) {
// if (pro.length === 0) {
// return;
// }
$('#recommend-shop').removeClass('none');
$('.individual-item ').slider2({
shownum: 5,
isCircle: true
});
// } else {
// $('.bottom-title').filter('.change').addClass('none');
// }
});
}
loadSlideGoods();
function isCheckAll() {
var isAllCheck = true;
... ... @@ -187,31 +96,6 @@ $(function() {
isCheckFav();
});
// ----------------底部 为你优选,最近浏览 end--------------
// 凑单弹框 商品信息弹出框,加入收藏夹
$cartGoodsDetail.on('click', '.btn-favCount', function() {
$.ajax({
type: 'POST',
dataType: 'json',
url: '',
data: {
productId: productId,
type: 'add'
}
}).then(function(d) {
if (d.code === 200) {
new Alert(d.message).show();
} else if (d.code === 403) {
if (d.data.url) {
window.location = d.data.url;
}
} else {
new Alert(d.message).show();
}
});
});
require('./cart-action');
require('./cart-color-panel');
require('./cart-goods-win');
... ...
... ... @@ -326,6 +326,7 @@
.submit {
text-align: left;
margin-top: 15px;
button {
float: none;
line-height:40px;
... ... @@ -334,6 +335,7 @@
font-size: 15px;
color: #444;
margin-right: 20px;
padding: 0;
border: 1px solid #b0b0b0;
background-color: #fff;
box-sizing: border-box;
... ...
... ... @@ -469,12 +469,6 @@
&: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 {
... ... @@ -744,21 +738,49 @@
text-align:center;
}
}
.tr-disabled{
filter: alpha(opacity = 50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: .5;
}
}
.cart-item-disabled {
position: absolute;
left: 15px;
width: 16px;
height: 15px;
float: left;
margin-top: 25px;
margin-left: 15px;
/*display: block;*/
/*font-size: 13px;*/
/*color: #fff;*/
/*padding:2px 5px;*/
/*border-radius: 50%;*/
/*-webkit-border-radius: 50%;*/
/*-moz-border-radius: 50%;*/
/*background-color: #000100;*/
}
.out-of-stock {
position:absolute;
top:20px;
left:0;
display: inline-block;
border: none;
background: url(/cart/ico_disabled.png);
background-repeat: no-repeat;
cursor: pointer;
font-size: 12px;
color: #000;
background-color: #f0f0f0;
padding: 8px 10px;
line-height: 12px;
&:after {
position: absolute;
top: 52px;
left: 5px;
content: '';
display: inline-block;
width: 0;
height: 0;
border-top: 14px solid #f0f0f0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
}
}
.pay-pro-info {
... ... @@ -1414,9 +1436,15 @@
float: left;
margin-right: 10px;
width: 190px;
&:nth-child(5n) {
&:nth-child(5n) {
margin-right: 0;
}
&:hover {
.name {
color: #000;
font-weight: 500;
}
}
}
img {
... ...