-- -- --

¥ --

数量:
送至:

-- -- --

商品参数
<div data-goods-id="<%=data.goods_id%>"> <div class="detail-section"> <div class="swipe" id="swipe" style="visibility: visible;"> <div class="swipe-wrap"> <%if(data.album_list.length>0){%> <%for(var i = 0;i < data.album_list.length;i++){ var row = data.album_list[i]['img']; %> <div><img src="<%=i>0?thumb(row,'s'):row%>" style="width:16rem;height:16rem;" data-src="<%=row%>" alt=""/></div> <%}%> <%}else{%> <div><img src="<%=data.image_url%>" style="width:16rem;height:16rem;" alt=""/></div> <%}%> </div> </div> </div> <div class="detail-section"> <div class="goods-info"> <strong class="tag-<%=data['goods_type']%>"><%=data.goods_name%></strong> <% if(data.summary){%> <p class="info-summary"><%=data.summary%></p> <%}%> <p class="info-price"> <i>¥</i> <em bind-data="price" ><%=data.sales_price%></em> &nbsp;<span>佣金:</span><span bind-data="income"><%=data.income%></span> <%if(data.is_chain_shop>0){%><span>进货价:</span><span bind-data="supplier_price"><%=data.supplier_price%></span><%}%> </p> <i class="icon-self-support"></i> </div> <div class="buyer-info "> <dl> <dt>数量:</dt> <dd> <span class="counter" id="counter"><a class="icon-minus minus"></a><input type="text" value="1" size="2"><a class="icon-plus plus"></a></span> </dd> </dl> <dl> <dt>送至:</dt> <dd> <p xmp-tap="select-district" id="select-district"> <span>广东省 惠州市 惠城区</span> <i class="icon-arrow-down"></i> </p> <div id="is_post" style="color:green"></div> </dd> </dl> <dl> <dt>运费:</dt> <dd> <span bind-data="freight" >--</span> </dd> </dl> </div> </div> <% if(data['goods_spec']&&Object.keys(data['goods_spec']).length>0){ %> <div class="detail-section"> <div class="spec-info" id="spec-selector"> <%for(var specId in data['goods_spec']){%> <dl data-spec-name="<%=data['goods_spec'][specId]['name']%>"> <dt><%=data['goods_spec'][specId]['name']%></dt> <dd> <ul class="cc"> <% var values = data['goods_spec'][specId]['value']; var first = 1; %> <%for(var label in values){%> <li data-spec-value="<%=label%>" class="<%=first?'active':''%>"> <a href="javascript:;"><%=label%></a> <%if(values[label]){%> <img src="<%=thumb(values[label],'s')%>" alt=""> <%}%> </li> <% first = 0; }%> </ul> </dd> </dl> <%}%> </div> </div> <% }%> <% if(data.goods_attr&&Object.keys(data.goods_attr).length>0){ %> <div class="detail-section"> <div class="detail-attr"> <dl> <dt>商品参数</dt> <dd> <ul> <%for(var key in data.goods_attr){%> <li> <span><%=key%></span> <em><%=data.goods_attr[key]%></em> </li> <%}%> </ul> </dd> </dl> </div> </div> <% } %> </div> <input type="hidden" id="goods-json" data-json='<%=echoJSON(data)%>'> <script> window.mySwipe = Swipe(document.getElementById('swipe'), { speed: 400, auto: 3000, callback: function(index, elem) { var $img = $(elem).find('img'); if($img.attr('data-src')){ $img.attr('src',$img.attr('data-src')).removeAttr('data-src'); } } }); </script> <script> !function(){ var goodsJSON = $('#goods-json').data('json'); var $counter = $('#counter'),$selectDistrict = $('#select-district'); var counter = new (widget.counter)({ input:$counter.find('input[type=text]'), plus:$counter.find('.plus'), minus:$counter.find('.minus'), max:999, change:function(value){ goods.setQuantity(value); } }); var goods = new (widget.goods)(goodsJSON); var $specSelector = $('#spec-selector'); goods.addEventListener('salesChanged',function(event){ var saleInfo = goods.getSalesInfo(); counter.setMax(saleInfo['count']); if(counter.val()<1&&saleInfo['count']>0){ counter.val(1); } if(saleInfo['count']>0){ $('[xmp-tap="go-to-order"]').css('display','block'); $('[xmp-tap="add-to-cart"]').removeClass('disabled').text('加入购物车'); }else{ $('[xmp-tap="go-to-order"]').css('display','none'); $('[xmp-tap="add-to-cart"]').addClass('disabled').text('库存不足'); } $('[bind-data]').each(function(){ var dataName = $(this).attr('bind-data'); if(dataName in saleInfo){ $(this).text(saleInfo[dataName]); } }); }); goods.addEventListener('deliveryInfoChanged',function(event){ bindData({ freight:goods.getFreight() }); if(!goods.isPost()){ $('#is_post').text('不支持配送'); }else{ $('#is_post').empty(); } }); window.districtPopup.addEventListener('district-result',function(event){ setLocationData(event.data); }); function bindData(data){ $('[bind-data]').each(function(){ var dataName = $(this).attr('bind-data'); if(dataName in data){ $(this).text(data[dataName]); } }); } function refreshCartCount(){ lib.http.post({ method:'cart.count' }).then(function(response){ if(response.errcode==0){ if(response.data.count>0)$('#cart-amount').html('<em >'+response.data.count+'</em>'); }else{ lib.feedback.message(response.errmsg); } }); } function getProductSpecInfo(){ var result = []; $specSelector.find('dl[data-spec-name]').each(function(){ var specName = $(this).data('spec-name'); var specValue = $(this).find('.active').data('spec-value'); result.push([specName,specValue].join(':::')); }); return result; } function setLocationData(result){ $selectDistrict.find('span').html((function(){ var spanHtml = []; for(var i=0;i<result.length;i++){ spanHtml.push(result[i][1]); } return spanHtml.join(' '); })()); if(result.length>0){ goods.setDistrictId(result[result.length-1][0]); } } $specSelector.find('[data-spec-value]').on('tap',function(){ $(this).addClass('active show').siblings().removeClass('active show'); goods.setSelectedSpecs(getProductSpecInfo()) }); goods.setSelectedSpecs(getProductSpecInfo()); refreshCartCount(); window.bridge.jsGetLocation().then(function(info){ if(typeof(info)=='string'&&(info.split(',')).length>2){ widget.district.init(function(){ var result = widget.district.parseAreaData((info.split(',')).slice(0,3)); setLocationData(result) }); }else{ setLocationData(widget.district.parseAreaData(['广东省','佛山市','顺德区'])) } }); bindData({ freight:goods.getFreight() }); window.goods = goods; window.counter = counter; window.refreshCartCount = refreshCartCount; }(); </script>
<script type="text/template"><%=data.txt.replace(/=(['"])\/\//g,'=$1http://')%></script>
<div class="action-ctrl"> <% if(parent.data.user_add_shop>0){ %> <a href="javascript:;" xmp-tap="share" class="icon"><i class="icon-share"></i></a> <%}else{%> <a href="javascript:;" xmp-tap="grounding" class="icon"><i class="icon-grounding"></i></a> <%}%> <a href="javascript:;" xmp-tap="contact" class="icon"><i class="icon-kefu"></i></a> <a href="javascript:;" xmp-tap="go-to-cart" class="icon"><i class="icon-cart" id="cart-amount"></i></a> <% if(window.goods){ if(window.goods.getSalesInfo()['count']){ %> <a href="javascript:;" xmp-tap="go-to-order" class="orange">立即购买</a> <a href="javascript:;" xmp-tap="add-to-cart" class="red">加入购物车</a> <%}else{%> <a href="javascript:;" xmp-tap="add-to-cart" class="red disabled">库存不足</a> <%}%> <%}else{%> <a href="javascript:;" xmp-tap="go-to-order" class="orange">立即购买</a> <a href="javascript:;" xmp-tap="add-to-cart" class="red">加入购物车</a> <%}%> </div>