fe / yohobuywap-node · Commits

Go to a project

Authored by huangyCode
Commit b767432ec7faec5c01615e88a480b82dde044a12 1 parent 94d28a09

修改商品详情

Inline Side-by-side
Showing 3 changed files with 155 additions and 100 deletions
... ... @@ -139,6 +139,7 @@ function goodsDetail(req, res, next) {
finalResult.shopInfo = result.shopInfo;
finalResult.support = result.support;
finalResult.floor = result.floor;
finalResult.storage_sum = result.storage_sum;
return res.render('group/goodsDetail', {
page: 'group-goodsDetail',
nodownload: true,
... ...
... ... @@ -124,113 +124,61 @@
{{/ifcond}}
{{/each}}
</div>
{{#if periodOfMarket}}
<div class="period-of-market">
<h1>上市期：</h1>
<h1>{{periodOfMarket}}</h1>
</div>
{{/if}}
<div class="price-date data-bind">
<div class="student-price">
<i class="student-name">学生价</i><span class="student-value"></span>
<div id="productDesc" {{#if limit}}class="limit"{{/if}}> </div>
<div class="bottom">
<div class="count-down">
{{#if storage_sum}}
<div data-current="{{activityIdDetail.currentTime}}"
data-begin="{{activityIdDetail.beginTime}}"
data-end="{{activityIdDetail.endTime}}"
class="comp-count-dow-by-now">
<span id="label"></span>
<span class="number" id="days"></span>天
<span class="number" id="hours"></span>时
<span class="number" id="minutes"></span>分
<span class="number" id="seconds"></span>秒
</div>
{{/if}}
</div>
</div>
{{!-- {{#if studentCoinNum}}
<div class="price-date">
<div class="student-price">
<i class="student-name">返</i> 学生返币{{ studentCoinNum}}个
<div class='shoppint-cart-icon'>
<img src="//img10.static.yhbimg.com/yhb-img01/2019/02/21/01/016b3f1cbc1b946fa0acbb1523f6386435.png"
class="shoppint-cart-icon-image"/>
</div>
</div>
{{else}}
{{#commodityReturn}}
<div class="price-date">
<div class="student-price">
<i class="student-name">返</i> 返{{studentCoinNum}}个YOHO币
</div>
{{#if isShowPop}}
<div class='old-customer-tips'>
<img style='width:100%;height:100%' src='/static/images/group/PT_tip@3x.png'/>
</div>
{{/commodityReturn}}
{{/if}} --}}
<ul class="vip-level data-bind clearfix">
<li class="icons-item">
<span class="vip-img">
</span>
<span class="vip-price"></span>
</li>
</ul>
{{! 品牌优惠券}}
<div class="brand-coupon hide">
<i class="iconfont font-right pull-right">&#xe614;</i>
<i class="iconfont font-quan">&#xe902;</i><span>领取优惠券</span>
</div>
<div class="goods-discount data-bind" id="goodsDiscount">
<h1 class="first-item short-text tap-hightlight"><span class="icon-down iconfont dropdown">&#xe609;</span>
</h1>
<div class="discount-folder">
<h1 class="folder-item tap-hightlight"></h1>
</div>
</div>
{{# feedbacks}}
<div class="feedback-list ">
{{#if commentsNum}}
{{> detail/feedback-tab}}
{{else}}
{{#if consultsNum}}
{{> detail/feedback-tab}}
{{/if}}
{{#if storage_sum }}
<button class='shoppint-cart-add'
bindtap="selfBuy" style='border-radius: 0;'>
{{#if groupNo}}
<span class="bottom-title">{{activityIdDetail.formatCollagePrice}}</span>
<span class="bottom-title">自己开团</span>
{{else}}
<div class="nodata tap-hightlight" id="goto-consult">
<span>暂无商品评价和咨询</span>
<a href="{{consultsUrl}}" class="go-consult">我要咨询<span class="iconfont">&#xe604;</span></a>
</div>
<span class="bottom-title">{{realPrice}}</span>
<span class="bottom-title">单人购买</span>
{{/if}}
{{/if}}
</div>
{{/ feedbacks}}
</button>
{{# enterStore}}
<div id="enter-store" class="enter-store page-block tap-hightlight">
<a class="store-logo" href="{{url}}" style="">
<img class="lazy" data-original="{{image2 img w=47 h=47 q=60}}" alt="{{storeName}}">
</a>
<a class="store-name" href="{{url}}">{{storeName}}</a>
<a class="store-link" href="{{url}}">进入店铺<span class="iconfont">&#xe604;</span></a>
</div>
{{/ enterStore}}
{{# bundleData}}
{{> detail/bundle}}
{{/ bundleData}}
{{# discountBuy}}
<input type="hidden" id="discount-buy" value="{{num}}">
<input type="hidden" id="promotion-phrase" value="{{promotionPhrase}}">
{{/ discountBuy}}
<div id="productDesc" {{#if limit}}class="limit"{{/if}}></div>
{{> detail/recommend-for-you}}
<div class="chose-panel"></div>
<div class="cart-bar data-bind">
{{#unless @root.wap.common.removeCartCount}}
<input type="hidden" id="remove-cart-count" value="1">
{{/unless}}
<a href="" class="num-incart iconfont"><span class="num-tag hide"></span>&#xe62c;</a>
<a id="addtoCart" href="javascript:;" class="addto-cart add-to-cart-url data-bind"></a>
<a id="soldOut" href="javascript:;" class="sold-out data-bind">已售罄</a>
<a id="notForSale" href="javascript:;" class="sold-out data-bind">非卖品</a>
<a id="limitNotForSale" href="javascript:;" class="sold-out limit data-bind">即将发售</a>
<a id="preSale" href="javascript:;" class="sold-out limit data-bind">即将开售</a>
<a href="javascript:;" id="addtoCart" class="addto-cart can-buy-limit data-bind">立即购买</a>
<a id="noLimitCode" href="javascript:;" class="sold-out limit data-bind">立即购买</a>
<input type="hidden" id="limitCodeUrl" name="limitCodeUrl" value="">
<input type="hidden" id="limitProductPay" name="limitProductPay" value="">
<input type="hidden" id="limitProductCode" class="data-bind" name="limitProductCode" value="">
<a href="javascript:;" id="likeBtn" class="favorite iconfont ">&#xe605;</a>
<button class="buynow join-group-btn"
bindtap="buyAction">
<span class="bottom-title">{{activityIdDetail.formatCollagePrice}}</span>
{{#if groupNo}}
<span class="bottom-title">确认参团{{#if activityIdDetail.joinLimit '==1'}},仅限新人{{/if}}</span>
{{else}}
<div class="bottom-title">{{activityIdDetail.peopleNum}}人成团</div>
{{/if}}
</button>
{{else}}
<div class='soldOut disable'>
<span class="bottom-title mainText">已售罄</span>
<span class="bottom-title subText">还有机会</span>
</div>
{{/if}}
</div>
{{#if introUrl}}
<input id="introUrl" type="hidden" value="{{introUrl}}">
{{/if}}
... ...
... ... @@ -221,4 +221,110 @@
.floors {
margin-bottom: 14px;
}
.bottom {
display: flex;
position: fixed;
flex-direction: row;
width: 100%;
height: 100px;
bottom: 0;
background-color: #fff;
border-top: 1px solid rgb(242, 242, 242);
z-index: 1000;
.count-down {
position: absolute;
top: -88px;
left: 0;
right: 0;
height: 88px;
.comp-count-dow-by-now {
height: 88px;
line-height: 88px;
color: #fff;
font-size: 24px;
text-align: center;
background-color: rgba(34, 34, 34, 0.8);
}
.number {
display: inline-block;
font-size: 40px;
vertical-align: bottom;
}
}
.shoppint-cart-icon {
position: relative;
width: 160px;
background-color: #fff;
vertical-align: center;
justify-content: center;
text-align: center;
}
.shoppint-cart-icon-image {
display: inline;
position: absolute;
width: 50px;
height: 50px;
align-items: center;
z-index: 10;
margin-top: 30px;
margin-left: -30px;
}
.badge {
position: absolute;
right: 15px;
width: 15px;
height: 15px;
line-height: 15px;
background: #f00;
color: #fff;
border-radius: 50%;
text-align: center;
font-size: 8px;
margin-top: 15px;
}
.shoppint-cart-add {
flex: 1;
border-radius: 0;
background-color: #444;
vertical-align: center;
justify-content: center;
flex-direction: column;
display: flex;
text-align: center;
}
.bottom-title {
display: flex;
color: white;
font-size: 30px;
width: 100%;
text-align: center;
align-items: center;
justify-content: center;
border-radius: 0;
}
.join-group-btn {
background-color: #d0021b;
border-radius: 0;
}
.buynow {
flex: 1;
vertical-align: center;
justify-content: center;
background-color: #d0021b;
flex-direction: column;
display: flex;
text-align: center;
}
}
}
... ...