fe / yohobuy-node · Commits

Go to a project

Authored by mark
Commit 81ac53c5b63867987b4d1f339f8234925e98d637 1 parent 8ab40b8e

add redcar

Inline Side-by-side
Showing 2 changed files with 155 additions and 72 deletions
... ... @@ -32,10 +32,11 @@
<div class="share-row"><span class="title pull-left">分享商品：</span> {{> common/share }} </div>
{{!-- 因接口原因，暂存size的title的值 --}}
<div id="size-title-json" style="display: none;">{{sizeTitleJson}}</div>
<div id="size-title-json" style="display:none;">{{sizeTitleJson}}</div>
<div class="total-content">
<div class="other-infos">
<div class="description-material info-block">
<div class="description-material info-block" id="goodsMessage">
<p class="block-title"id="block-title-head">
<span class="title-head">
<span class="title cur">商品信息</span>
... ... @@ -107,7 +108,7 @@
{{/ material}}
</div>
</div>
<div class="description-material-tab info-block">
<div class="description-material-tab info-block" id="sizeMessage">
<p class="block-title">
<span class="title-head">
<span class="title cur">尺码信息</span>
... ... @@ -154,7 +155,7 @@
</div>
</div>
<div class="description-material-tab info-block">
{{#if reference}}<div class="description-material-tab info-block">
<p class="block-title">
<span class="title-head">
<span class="title cur">试穿参考</span>
... ... @@ -163,7 +164,7 @@
<div class="model-content">
{{#if reference}}
<div class="reference info-block">
{{# reference}}
... ... @@ -196,8 +197,18 @@
※ 模特试穿中身高单位：CM，体重单位：KG，三围单位：CM
</p>
</div>
{{/if}}
{{#if modelCards}}
</div>
</div>{{/if}}
{{#if modelCards}}<div class="description-material-tab info-block">
<p class="block-title">
<span class="title-head">
<span class="title cur">模特信息</span>
</span>
</p>
<div class="model-content">
<div class="ref-model info-block">
<div class="ref-model">
{{# modelCards}}
... ... @@ -207,7 +218,7 @@
{{/ modelCards}}
</div>
</div>
{{/if}}
{{#if fittingReport}}
<div class="fitting-report info-block">
... ... @@ -245,8 +256,8 @@
</div>
</div>
<div class="details info-block">
</div>{{/if}}
<div class="details info-block" id="goodsInside">
<p class="block-title">
<span class="title-head">
<span class="title cur">商品详情</span>
... ... @@ -330,11 +341,11 @@
</textarea>
</div>
<div class="consult-comment info-block">
<div class="consult-comment info-block" id="goodsAsk">
<p class="block-title">
<span class="title-head">
<span class="title cur">商品咨询 Q&amp;A</span>
<span class="title cur">常见咨询</span>
</span>
</p>
... ... @@ -482,65 +493,82 @@
</div>
{{/ consultComment}}
<div class="after-service">
<p id="after-service-switch" class="after-service-switch">
<span class="iconfont">&#xe620;</span>
售后服务
<span class="iconfont triangle">&#xe610;</span>
</p>
<div class="after-service-content info-block">
<div class="block-title">
<span class="title-head">
<span class="title cur">退换货流程</span>
</span>
</div>
<div class="img-3"></div>
<div class="info-block">
<div class="block-title">
<span class="title-head">
<span class="title cur">有货承诺</span>
</span>
</div>
</div>
<div id="saleReturn" class="support-saleReturned-service"></div>
</div>
</div>
<div class="redcar">
<div class="redcar-btn">
<i class="iconfont">&#xe61b;</i> 添加到购物车
</div>
<div class="redcar-nav">
<ul>
<li><a href="#goodsMessage" class="fixed">●&nbsp;&nbsp;商品信息</a></li>
<li><a href="#sizeMessage">●&nbsp;&nbsp;尺码信息</a></li>
<li><a href="#goodsInside">●&nbsp;&nbsp;商品详情</a></li>
<li><a href="#judge">●&nbsp;&nbsp;商品评价</a></li>
<li><a href="#goodsAsk">●&nbsp;&nbsp;商品咨询</a></li>
</ul>
</div>
</div>
<div style="clear:both"></div>
</div>
<div class="after-service">
<p id="after-service-switch" class="after-service-switch">
<span class="iconfont">&#xe620;</span>
售后服务
<span class="iconfont triangle">&#xe610;</span>
</p>
<div class="after-service-content info-block">
<div class="block-title">
<span class="title-head">
<span class="title cur">退换货流程</span>
</span>
</div>
<div class="img-3"></div>
<div class="info-block">
<div class="block-title">
<span class="title-head">
<span class="title cur">有货承诺</span>
</span>
</div>
</div>
<div id="saleReturn" class="support-saleReturned-service"></div>
</div>
</div>
<div class="service"></div>
{{#unless @root.pc.product.removeRecentView}}
<div class="bottom-tab">
<p>
<span class="bottom-title bottom-cur">店铺推荐</span>
<span class="bottom-title">最近浏览</span>
<span class="bottom-title change">换一批
<span class="iconfont change-icon">&#xe639;</span>
</span>
</p>
</div>
<div class="individual-comment info-block info-bootom">
{{#if latestWalk}}
<div class="latest-walk">
<input id="latest-walk-count" type="hidden" value="{{latestWalk}}">
<div id="latest-walk-goods" class="goods clearfix"></div>
{{> product/latest-walk-tpl}}
</div>
{{/if}}
<div id="recommend-shop" class="hide">
<div class="recommend-content clearfix">
<div class="recommend-slider">
<ul class=" img-list" id="recommend-content"></ul>
<div class="img-brand-switch">
<a class="prev iconfont" href="javascript:;">&#xe609;</a>
<a class="next iconfont" href="javascript:;">&#xe608;</a>
</div>
<div class="service"></div>
{{#unless @root.pc.product.removeRecentView}}
<div class="bottom-tab">
<p>
<span class="bottom-title bottom-cur">店铺推荐</span>
<span class="bottom-title">最近浏览</span>
<span class="bottom-title change">换一批
<span class="iconfont change-icon">&#xe639;</span>
</span>
</p>
</div>
<div class="individual-comment info-block info-bootom">
{{#if latestWalk}}
<div class="latest-walk">
<input id="latest-walk-count" type="hidden" value="{{latestWalk}}">
<div id="latest-walk-goods" class="goods clearfix"></div>
{{> product/latest-walk-tpl}}
</div>
{{/if}}
<div id="recommend-shop" class="hide">
<div class="recommend-content clearfix">
<div class="recommend-slider">
<ul class=" img-list" id="recommend-content"></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>
{{/unless}}
</div>
</div>
</div>
{{/unless}}
</div>
{{/ detail}}
</div>
... ...
... ... @@ -644,6 +644,7 @@
}
}
.collect-product,
.keep-shopping {
display: inline-block;
... ... @@ -700,6 +701,8 @@
padding-bottom: 30px;
border-left: 1px solid #eaeceb;
border-right: 1px solid #eaeceb;
width: 85%;
float: left;
.video-player {
width: 750px;
... ... @@ -708,9 +711,57 @@
}
.video-wrap {
.redcar{
background-color: #f5f5f5;
float: left;
height: 1000px;
margin-top: 30px;
width: 14.5%;
border-right: 1px solid #eaeceb;
/*position: fixed;
top:-30px;
right:22px;*/
.redcar-btn{
display:block;
height: 48px;
line-height: 48px;
text-align: center;
color: #fff;
background-color: #d0021b;
font-size: 14px;
cursor: pointer;
&:hover{
background: #eb3b19;
background: rgba(233, 38, 1, 0.8);
}
}
.redcar-nav{
padding: 20px 40px 0px 40px;
li{
display: block;
font-size: 14px;
line-height: 34px;
text-align: center;
a{
color: #999;
}
.fixed{
color: #000;
font-size: 16px;
}
}
}
}
}
.bottom-tab{
... ... @@ -1355,7 +1406,7 @@
.img-3{
width: 982px;
height: 330px;
margin: 20px auto;
margin: 60px auto;
background: resolve("product/after-service.png");
}
... ... @@ -1538,7 +1589,7 @@
position: relative;
height: 280px;
overflow: hidden;
margin-top: 30px;
margin-top: 20px;
.recommend-slider {
margin: 0 80px;
... ... @@ -1891,7 +1942,7 @@
}
#judge{
margin: 10px 40px 10px 40px;
margin: 30px 40px 10px 40px;
.judge-content{
... ... @@ -1920,3 +1971,7 @@
}
}
.total-content{
position: relative;
}
... ...