fe / YOHOBUYPC · Commits

Go to a project

Authored by xuqi
Commit 3f8a0278258c3af9d2eb9e1a438081ff7f5f0bf6 2 parents e9c73b67 09011600

Review by:@刘玥

Inline Side-by-side
Showing 15 changed files with 2255 additions and 37 deletions
... ... @@ -588,38 +588,10 @@
}
}
## Passport
### 【公用】左侧YohoFamily LOGO
{
coverHref: '', //跳转链接，需要有跳转就传，不需要就不传
coverImg: '' //图片地址
}
### 登录页
{
passport: {
coverHref: '', //跳转链接，需要有跳转就传，不需要就不传
coverImg: '' //图片地址
countryCode: '86', //无+
countryName: '中国',
countryList: [
{
code: '',
name: ''
},
...
]
}
}
## 逛
### 【公用】资讯
{
id: '',
classification: '最新',
... ... @@ -813,7 +785,36 @@
}
}
## 注册页
## Passport
### 【公用】左侧YohoFamily LOGO
{
coverHref: '', //跳转链接，需要有跳转就传，不需要就不传
coverImg: '' //图片地址
}
### 登录页
{
passport: {
coverHref: '', //跳转链接，需要有跳转就传，不需要就不传
coverImg: '' //图片地址
countryCode: '86', //无+
countryName: '中国',
countryList: [
{
code: '',
name: ''
},
...
]
}
}
### 注册页
{
registerPage: true, //用于加载js
... ... @@ -894,7 +895,4 @@
}
}
]
}
一键海淘
值得买
我的收藏
}
\ No newline at end of file
... ...
{{> layout/header}}
<div class="product-detail-page yoho-page">
{{# detail}}
{{# banner}}
<div class="brand-banner" style="background:{{bgColor}}{{#if bgImg}} url({{bgImg}}){{/if}}">
<div class="center-content clearfix">
<a class="pull-left" href="{{homeUrl}}">
<img src="{{logo}}" alt="{{alt}}">
</a>
<div class="opt pull-right">
<a class="home" href="{{homeUrl}}">
<span class="iconfont">&#xe617;</span>
</a>
<span id="brand-favour" class="brand-fav">
<i class="iconfont{{#if coled}} coled{{/if}}">&#xe616;</i>
</span>
</div>
</div>
</div>
{{/ banner}}
<div class="center-content">
{{> layout/path-nav}}
{{# goodInfo}}
<div class="main clearfix" data-skn="{{skn}}">
<div class="pull-left imgs clearfix">
<div class="pull-left img">
<div class="tags clearfix">
{{# tags}}
{{# isNew}}
<span class="good-tag new-tag">NEW</span>
{{/ isNew}}
{{# isReNew}}
<span class="good-tag renew-tag">再到着</span>
{{/ isReNew}}
{{# isSale}}
<span class="good-tag sale-tag">SALE</span>
{{/ isSale}}
{{# isNewFestival}}
<span class="good-tag new-festival-tag">新品节</span>
{{/ isNewFestival}}
{{# isLimit}}
<span class="good-tag limit-tag">限量商品</span>
{{/ isLimit}}
{{# isYearEndPromotion}}
<span class="good-tag yep-tag">年终大促</span>
{{/ isYearEndPromotion}}
{{# isYearMidPromotion}}
<span class="good-tag ymp-tag">年中热促</span>
{{/ isYearMidPromotion}}
{{# isFew}}
<p class="good-tag few-tag">即将售罄</p>
{{/ isFew}}
{{/ tags}}
</div>
<img id="img-show" class="img-show" src="{{img}}">
</div>
<div id="thumbs" class="pull-right thumbs">
{{# colors}}
<div class="thumb-wrap{{#unless focus}} hide{{/unless}}">
{{#if focus}}
{{# thumbs}}
<a href="{{url}}">
<img class="thumb" src="{{img}}" data-shower="{{shower}}">
</a>
{{/ thumbs}}
{{^}}
{{# thumbs}}
<a href="{{url}}">
<img class="thumb lazy" data-original="{{img}}" data-shower="{{shower}}">
</a>
{{/ thumbs}}
{{/if}}
</div>
{{/ colors}}
</div>
</div>
<div class="pull-right infos">
<p class="name">
{{name}}
</p>
<a class="brand-name" href="{{brandUrl}}">{{brandName}}</a>
<p class="market-price {{#if salePrice}}with-sale{{/unless}}">
<span class="title">市场价：</span>
<span class="price">￥{{marketPrice}}</span>
</p>
{{#if salePrice}}
<p class="sale-price">
<span class="title">促销价：</span>
<span class="price">￥{{salePrice}}</span>
</p>
{{/if}}
{{#if activity}}
<ul class="activity">
{{#each activity}}
<li>
{{#if sizeImg}}
<a class="img-link" href="{{url}}">
<img src="{{sizeImg}}">
</a>
{{^}}
<span class="ac-type">{{type}}</span>
<span class="ac-des">【{{des}}】</span>
{{/if}}
</li>
{{/each}}
</ul>
{{/if}}
<div class="trade-content">
<div id="type-chose" class="type-chose">
<div class="chose-color row clearfix">
<span class="title pull-left">选颜色：</span>
<ul class="colors pull-left clearfix">
{{#each colors}}
<li class="{{#if focus}}focus{{/if}} {{#if disable}}disable{{/if}} pull-left" title="{{title}}">
<img src="{{src}}">
</li>
{{/each}}
</ul>
</div>
<div class="chose-size row clearfix">
<span class="title pull-left">选尺码：</span>
<div id="sizes" class="size-wrapper pull-left clearfix">
{{#each colors}}
<ul class="size {{#unless focus}}hide{{/unless}} clearfix">
{{#each size}}
<li {{#unless num}}class="disable"{{/unless}} data-title="{{title}}" data-sku="{{sku}}" data-num="{{num}}">{{name}}</li>
{{/each}}
</ul>
{{/each}}
<span class="size-ruler"></span>
<span class="size-warn warn-tip hide">
<i class="iconfont">&#xe62c;</i>
请选择尺码
</span>
<p class="color-size-tip hide"></p>
</div>
</div>
<div class="chose-count row clearfix">
<span class="title pull-left">选数量：</span>
<div class="num-wraper pull-left clearfix">
<span id="num" class="num pull-left">1</span>
<span class="minus-plus pull-left">
<i id="plus-num" class="plus iconfont">&#xe610;</i>
<i id="minus-num" class="minus iconfont">&#xe600;</i>
</span>
<span id="num-warn" class="num-warn warn-tip hide">
<i class="iconfont">&#xe62c;</i>
库存不足
</span>
</div>
</div>
<p class="row">
<span id="add-to-cart" class="add-to-cart">
<i class="iconfont">&#xe628;</i>
添加到购物车
</span>
<span id="sold-out" class="sold-out hide">
<i class="iconfont">&#xe62d;</i>
已售罄
</span>
<span id="collect-product" class="{{#if coled}}coled {{/if}}collect-product">
<i class="iconfont">&#xe616;</i>
{{#if coled}}
<em>已收藏</em>
{{^}}
<em>收藏商品</em>
{{/if}}
</span>
</p>
<p class="share-row">
<span class="title pull-left">分享商品：</span>
<span class="share-wrapper pull-left clearfix">
<i class="weibo" data-type="weibo" title="分享到新浪微博"></i>
<i class="weixin" data-type="weixin" title="分享到微信朋友圈"></i>
<i class="qweibo" data-type="qweibo" title="分享到腾讯微博"></i>
<i class="qzone" data-type="qzone" title="分享到QQ空间"></i>
<i class="qq" data-type="qq" title="分享到QQ好友"></i>
<i class="renren" data-type="renren" title="分享到人人"></i>
<i class="douban" data-type="douban" class="分享到豆瓣"></i>
</span>
</p>
</div>
<div id="balance" class="balance">
<p class="success-tip">商品已成功添加到购物车！</p>
<p class="cart-total">购物车一共有<span id="cart-num">0</span>件商品</p>
<p class="balance-btns">
<a class="go-cart" href="{{goCartUrl}}">
去购物车结算
<i class="iconfont">&#xe601;</i>
</a>
<span id="keep-shopping" class="keep-shopping">
继续购物
</span>
</p>
</div>
</div>
</div>
</div>
{{/ goodInfo}}
<div class="other-infos">
<div class="description-material info-block">
<p class="block-title">
<span class="title cur">商品信息 DESCRIPTION</span>
<span class="sep">|</span>
<span class="title">材质洗涤 MATERIALS</span>
</p>
<div class="description-content">
{{# description}}
<ul class="basic clearfix">
{{# basic}}
<li>
{{key}}: {{value}}
</li>
{{/ basic}}
</ul>
{{#if comfort}}
<ul class="comfort clearfix">
{{# comfort}}
<li class="pull-left">
<span class="comfort-title">{{name}}：</span>
<span class="min-des">{{minDes}}</span>
{{# blocks}}
<span class="comfort-block {{#if cur}}cur{{/if}}"></span>
{{/ blocks}}
<span class="max-des">{{maxDes}}</span>
</li>
{{/ comfort}}
</ul>
{{/if}}
{{/ description}}
</div>
<div class="material-content">
{{# material}}
{{#if detail}}
<ul class="material-detail clearfix">
{{# detail}}
<li>
<img src="{{img}}">
<p class="name">{{name}}<br>{{enName}}</p>
<p class="text">{{text}}</p>
</li>
{{/ detail}}
</ul>
{{/if}}
{{#if wash}}
<ul class="wash">
{{# wash}}
<li>
<img class="wash-icon" src="{{img}}">
<p class="wash-name">{{name}}</p>
</li>
{{/ wash}}
</ul>
{{/if}}
{{/ material}}
</div>
</div>
<div class="size-info info-block">
<p class="block-title">
<span class="title cur">尺码信息 SIZE INFO</span>
</p>
{{# size}}
<table class="size-table">
<thead>
<tr>
{{# thead}}
<th width="{{width}}">{{name}}</th>
{{/ thead}}
</tr>
</thead>
<tbody>
{{# tbody}}
<tr>
{{#each .}}
<td>{{.}}</td>
{{/each}}
</tr>
{{/ tbody}}
</tbody>
</table>
<p class="size-tip">
※ 以上尺寸为实物人工测量，因测量方式不同会有1-2CM误差，相关数据仅作参考，以收到实物为准。 单位：CM
</p>
<p class="size-tip">
※ 参考尺码因衣服版型、剪裁不同会有误差，仅供参考
</p>
{{#if sizeImg}}
<img class="size-img" src="{{sizeImg}}">
{{/if}}
{{/ size}}
</div>
{{#if reference}}
<div class="reference info-block">
<p class="block-title">
<span class="title cur">模特试穿 REFERENCE</span>
</p>
{{# reference}}
<table class="reference-table">
<thead>
<tr>
{{# thead}}
<th width="{{width}}">{{name}}</th>
{{/ thead}}
</tr>
</thead>
<tbody>
{{# tbody}}
<tr>
{{#each .}}
<td>
{{#if @first}}
<img class="avatar" src="{{.}}">
{{^}}
{{.}}
{{/if}}
</td>
{{/each}}
</tr>
{{/ tbody}}
</tbody>
</table>
{{/ reference}}
<p class="size-tip">
※ 模特试穿中身高单位：CM，体重单位：KG，三围单位：CM
</p>
</div>
{{/if}}
<div class="details info-block">
<p class="block-title">
<span class="title cur">商品详情 DETAILS</span>
</p>
<div class="details-html">
{{{details}}}
</div>
</div>
{{# consultComment}}
<div class="consult-comment info-block">
<p class="block-title">
<span class="title">顾客咨询（{{consultNum}}）</span>
<span class="sep">|</span>
<span class="title cur">购买评价（{{commentNum}}）</span>
</p>
<div class="comments cc-content">
<h2>购买评价（{{commentNum}}）</h2>
<ul id="comments-ul">
{{# comments}}
<li>
<div class="user-info clearfix">
<img class="user-avatar pull-left" src="{{avatar}}">
<p>
<span class="name">{{userName}} </span>
购买了{{color}}/{{size}}
<br>
<span class="date">{{date}}</span>
</p>
</div>
<p class="comment">{{comment}}</p>
</li>
{{/ comments}}
</ul>
{{#if hasMoreComments}}
<p class="more-wrap">
<span class="load-more-comments load-more">
加载更多
<i class="iconfont">&#xe61d;</i>
</span>
</p>
{{/if}}
<p class="btn-wrap">
<a class="btn" href="{{commentUrl}}" target="_blank">
<i class="iconfont">&#xe62a;</i>
我要评论
</a>
</p>
</div>
<div class="consults cc-content">
<h2>顾客咨询（{{consultNum}}）</h2>
<ul id="consults-ul">
{{# consults}}
<li>
<div class="user-info clearfix">
<img class="user-avatar" src="{{avatar}}">
<p>
<span class="question">{{question}}</span>
<br>
<span class="date">{{date}}</span>
</p>
</div>
<p class="consult">{{answer}}</p>
</li>
{{/ consults}}
</ul>
{{#if hasMoreConsults}}
<p class="more-wrap">
<span class="load-more-consults load-more">
加载更多
<i class="iconfont">&#xe61d;</i>
</span>
</p>
{{/if}}
<p class="btn-wrap">
<span id="consults-btn" class="btn">
<i class="iconfont">&#xe62a;</i>
我要咨询
</span>
</p>
<div class="new-consult hide">
<textarea class="my-consult"></textarea>
<span class="consult-warn warn-tip hide">
<i class="iconfont">&#xe62c;</i>
请输入咨询内容
</span>
<div class="captcha-row">
<input class="captcha" type="text">
<img class="captcha-img" src="http://www.yohobuy.com/passport/images?g=consult">
<span class="captcha-warn warn-tip hide">
<i class="iconfont">&#xe62c;</i>
<em>请输入验证码</em>
</span>
</div>
<span id="submit-consult" class="btn submit-consult">提交咨询</span>
</div>
<div class="consult-success hide">
<p>
<span class="iconfont">&#xe61a;</span>
咨询成功，请等待客服回复
</p>
</div>
</div>
</div>
{{/ consultComment}}
<div class="after-service">
<p id="after-service-switch" class="after-service-switch">
<span class="iconfont">&#xe62b;</span>
售后服务
<span class="iconfont triangle">&#xe604;</span>
</p>
<div class="after-service-content info-block">
<div class="block-title">
<span class="title cur">售后服务 AFTER SERVICE</span>
</div>
<div class="img-1"></div>
<div class="img-2"></div>
<div class="text">
<h4>退换货承诺</h4>
<p>自您签收商品7日内可以退货，15日内可以换货，在商品不影响二次销售的情况下，YOHO！有货将为您办理退换货服务，请在网站提交"退换货"申请。需要说明的是：非质量问题的退换货，来回运费由您承担。</p>
<h4>退换货方式</h4>
<p>
针对国内大中型城市，YOHO!有货开通了<span class="orange">"上门换货"</span>服务，上门服务区域及费用请联系客服中心；若您所在的区域不在上门换货范围内，请您选择普通快递将商品、内包装、赠品及发货单等一并寄回。质量问题的退换货，目前不支持运费到付款业务，请您先垫付运费寄回。如需退换货，请致电客服电话：400-889-9646。
</p>
<h4>退换货邮寄地址</h4>
<p>
南京市江宁区江宁经济技术开发区苏源大道87号YOHO!有货物流中心东一楼 收件人：YOHO！有货 邮编：211106
<br>
YOHO！有货客服热线：400-889-9646　　客服邮箱：<a href="mailto:service@yoho.cn">service@yoho.cn</a>
<br>
有疑问请联系我们，我们将为您提供最优质的产品和服务。
</p>
</div>
</div>
</div>
<div class="service"></div>
<div class="info-block">
<p class="block-title">
<span class="title cur">最近浏览 RECENT REVIEW</span>
</p>
<ul class="recent-view clearfix">
{{# recentView}}
<li>
<a href="{{url}}">
<img src="{{img}}">
</a>
<a class="name" href="{{url}}">{{name}}</a>
<p class="price">
<span class="market-price {{#if salePrice}}has-sale{{/if}}">￥{{marketPrice}}</span>
{{#if salePrice}}
<span class="sale-price">￥{{salePrice}}</span>
{{/if}}
</p>
</li>
{{/ recentView}}
</ul>
</div>
</div>
</div>
{{/ detail}}
</div>
{{> layout/footer}}
\ No newline at end of file
... ...
... ... @@ -26,6 +26,13 @@
</script>
{{/if}}
{{!-- 商品详情页 --}}
{{#if productDetailPage}}
<script>
seajs.use('js/product/item');
</script>
{{/if}}
{{!-- 逛 --}}
{{#if guangIndexPage}}
<script>
... ...
... ... @@ -2,7 +2,7 @@
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>
Created by FontForge 20120731 at Wed Dec 16 20:00:14 2015
Created by FontForge 20120731 at Wed Dec 23 15:19:53 2015
By Ads
</metadata>
<defs>
... ... @@ -19,7 +19,7 @@ Created by FontForge 20120731 at Wed Dec 16 20:00:14 2015
bbox="0 -214 1172.1 864"
underline-thickness="50"
underline-position="-100"
unicode-range="U+0078-E627"
unicode-range="U+0078-E62E"
/>
<missing-glyph horiz-adv-x="374"
d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
... ... @@ -134,5 +134,30 @@ q14 5 23 14.5t12 20.5t3 23t-3.5 22t-8.5 18t-10 11zM0 295v-380q0 -28 20 -48.5t49
<glyph glyph-name="uniE627" unicode="&#xe627;" horiz-adv-x="1025"
d="M512 623q-167 0 -304.5 -89.5t-205.5 -236.5q-4 -9 0 -18q45 -96 121 -169.5t177 -115t212 -41.5q167 0 304.5 89.5t205.5 236.5q1 3 1.5 6t0 6t-1.5 6q-68 147 -205.5 236.5t-304.5 89.5zM512 57q-96 0 -163.5 67.5t-67.5 163.5t67.5 163.5t163.5 67.5t163.5 -67.5
t67.5 -163.5q0 -47 -18.5 -89.5t-49.5 -73.5t-73.5 -49.5t-89.5 -18.5zM364 288q0 -61 43.5 -104.5t104.5 -43.5t104.5 43.5t43.5 104.5t-43.5 104.5t-104.5 43.5t-104.5 -43.5t-43.5 -104.5z" />
<glyph glyph-name="uniE628" unicode="&#xe628;"
d="M482 83q-24 0 -41.5 -17.5t-17.5 -42.5t17.5 -42.5t42 -17.5t42 17.5t17.5 42.5q0 16 -8 30t-21.5 22t-30.5 8zM769 83q-25 0 -42.5 -17.5t-17.5 -42.5q0 -16 8 -30t21.5 -22t30.5 -8q25 0 42.5 17.5t17.5 42.5q0 38 -34 54q-13 6 -26 6zM839 193h-417l-143 425
q-7 18 -29 18h-127q-13 0 -22 -8t-9 -20q0 -4 1 -7t2.5 -6t3.5 -5.5t4.5 -4.5t5.5 -3.5t6.5 -2t7.5 -0.5h105l143 -424q7 -19 29 -19h439q13 0 21.5 8t8.5 20.5t-8.5 20.5t-21.5 8zM904 524l-516 45q-12 1 -18.5 -7t-1.5 -20l90 -270q4 -12 16 -21.5t24 -9.5h377q12 0 22 10
t11 23l23 216q1 8 -2 15.5t-10 12.5t-15 6z" />
<glyph glyph-name="uniE629" unicode="&#xe629;"
d="M154 686v-646h146l-14 -208l240 208h344v646h-716zM752 176h-134v159h-192v-159h-134v382h134v-148h192v148h134v-382z" />
<glyph glyph-name="uniE62A" unicode="&#xe62a;"
d="M328 -66q-3 0 -5.5 0.5t-5.5 2.5q-14 6 -14 22v128h-193q-10 0 -17.5 7t-7.5 18v549q0 10 7.5 17.5t17.5 7.5h804q7 0 13 -3.5t9 -9t3 -12.5v-549q0 -11 -7 -18t-18 -7h-401l-169 -146q-7 -7 -16 -7zM171 172h188q10 0 17.5 -7.5t7.5 -17.5v-73l103 92q7 6 17 6h350v426
h-683v-426zM739 485h-454q-5 0 -9.5 2t-8 5t-5.5 8t-2 10q0 10 7.5 17.5t17.5 7.5h454q3 0 5.5 -0.5t4.5 -1.5t4 -2.5t3.5 -3t3 -3.5t2.5 -4.5t1.5 -5t0.5 -4.5q0 -11 -7 -18t-18 -7zM739 362h-454q-4 0 -8 1t-7 3.5t-5.5 5.5t-3.5 7t-1 8t1 8t3.5 7t5.5 5t7 3.5t8 1.5h454
q10 0 17.5 -7.5t7.5 -18t-7 -17.5t-18 -7zM549 239h-264q-10 0 -17.5 7t-7.5 17.5t7.5 18t17.5 7.5h264q10 0 17.5 -7.5t7.5 -17.5q0 -7 -3.5 -12.5t-9 -9t-12.5 -3.5z" />
<glyph glyph-name="uniE62B" unicode="&#xe62b;"
d="M511 -144q-73 0 -141 22.5t-123 64t-96.5 96.5t-64 123t-22.5 141q0 60 16 118t45 107t70 90t90 70t107 45t119 16q90 0 173 -35.5t142.5 -95.5t95 -142.5t35.5 -172.5q0 -46 -9 -90.5t-26 -84t-41.5 -75.5t-54.5 -66t-66 -54.5t-75.5 -41.5t-84 -26t-89.5 -9zM511 703
q-82 0 -156 -32t-127.5 -85.5t-85.5 -127.5t-32 -155q0 -109 54 -201.5t146 -146t200.5 -53.5t201 53.5t146 146t53.5 201.5q0 165 -117.5 282.5t-282.5 117.5zM465 164v29q0 9 1 17.5t2 15.5l2 10q1 5 3 9.5t4 8.5q1 2 2 4.5t2 4.5t2.5 4t2.5 4t2.5 4.5t3.5 4.5
q10 12 24 26l35 33q15 13 25.5 29.5t10.5 39.5q0 15 -5 27.5t-14 23.5q-5 5 -10.5 8.5t-12.5 6.5t-14.5 4t-16.5 1q-18 0 -32 -6q-5 -3 -9 -5.5t-8 -5.5t-8 -7q-1 -2 -2.5 -3.5t-3 -3.5t-2.5 -3.5t-2 -3.5l-2 -4l-2 -4l-2 -4q-1 -5 -2.5 -10t-2.5 -10t-1 -10l-95 8
q5 37 20 66t39 49q12 10 25.5 18t29.5 13q31 10 66 10q33 0 63 -9.5t53 -28.5q6 -5 11 -10t9.5 -11t8 -12.5t7.5 -13.5q13 -27 13 -64q0 -12 -1.5 -23t-3.5 -20q-2 -4 -3 -7.5t-3 -7.5l-2 -6q-2 -4 -4 -7l-4 -6q-10 -16 -24 -30q-5 -5 -10 -9.5t-11 -10t-11 -10.5
q-16 -13 -25.5 -23t-15.5 -20t-8 -22q-1 -5 -1.5 -12.5t-0.5 -15.5v-20h-92zM450 56q0 25 18 43t44 18q24 0 43 -17q18 -18 19 -42q0 -13 -5 -23.5t-14 -19.5q-18 -17 -43 -17q-12 0 -23.5 4.5t-20.5 12.5q-8 7 -13 18t-5 23z" />
<glyph glyph-name="uniE62C" unicode="&#xe62c;"
d="M505 776q77 0 148.5 -23.5t129 -67t101 -101.5t67.5 -129.5t24 -147.5q0 -64 -17 -125t-47.5 -112t-74 -94.5t-94.5 -74t-112 -47.5t-125 -17q-95 0 -182 37.5t-150 100.5t-100 150t-37 182t37 182t100 150t150 100t182 37zM505 -104q112 0 206.5 55t149.5 149.5
t55 206.5q0 37 -6.5 73.5t-19.5 69.5t-30.5 64t-40.5 57.5t-49.5 49.5t-57.5 40.5t-64 30t-69.5 19t-73.5 6.5q-111 0 -205.5 -55t-149.5 -149.5t-55 -206t55 -206t149.5 -149.5t205.5 -55zM528 138v-59h-58v59h58zM470 564h58v-349h-58v349z" />
<glyph glyph-name="uniE62D" unicode="&#xe62d;"
d="M828 618q65 -65 98 -148t33 -169t-33 -169t-98 -148q-66 -66 -149 -99q-16 -6 -33 -11.5t-33.5 -9t-33.5 -6.5t-34 -4t-35 -1q-43 0 -85 8t-84 24q-82 33 -148 98q-66 66 -98.5 149t-32.5 169t32.5 169t98.5 149q66 65 148.5 97.5t168.5 32.5q15 0 29 -0.5t28 -2.5
t28.5 -4.5t28.5 -6.5t27.5 -8.5t27.5 -9.5q83 -33 149 -99v0zM258 49q53 -53 118.5 -79t134.5 -26q34 0 68 6.5t67 19.5q65 26 117.5 78.5t78.5 118t26 134.5q0 35 -6.5 68.5t-19.5 66.5q-26 65 -78 118q-53 53 -119 79t-135 26q-23 0 -45.5 -3t-44.5 -9t-44 -14
q-66 -26 -118 -78.5t-78.5 -118t-26.5 -134.5t26.5 -134.5t78.5 -118.5v0zM748 602l69 -72l-531 -530l-70 70zM748 602z" />
<glyph glyph-name="uniE62E" unicode="&#xe62e;" horiz-adv-x="1025"
d="M491 6q9 -10 21.5 -10t21.5 10l357 407q4 5 5.5 9.5t0 8t-6 5.5t-11.5 2h-133q-14 0 -23.5 9.5t-9.5 22.5v261q0 9 -4.5 16.5t-12.5 11.5t-17 4h-333q-14 0 -24 -9.5t-10 -22.5v-261q0 -13 -9.5 -22.5t-23.5 -9.5h-133q-14 0 -17.5 -7.5t5.5 -17.5z" />
</font>
</defs></svg>
... ...
/**
* 商品详情页
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2015/12/23
*/
var $ = require('yoho.jquery'),
lazyLoad = require('yoho.lazyload');
var $imgShow = $('#img-show'),
$thumbs = $('#thumbs > .thumb-wrap');
var $size = $('#sizes'),
$sizes = $size.children('.size'),
$sizeWarn = $size.children('.size-warn'),
$colorSizeTip = $size.children('.color-size-tip');
var $num = $('#num'),
$plusNum = $('#plus-num'),
$minusNum = $('#minus-num'),
$numWarn = $('#num-warn');
var $addToCart = $('#add-to-cart'),
$soldOut = $('#sold-out');
var thumbsLoaded = {};
var skn = $('.main').data('skn');
var maxStock = -1; //记录当前选中的颜色-尺码的库存量，若为-1，代表未选择尺码
var SLIDETIME = 200;
var colTxt = {
default: '收藏商品',
coled: '已收藏',
hover: '取消收藏'
};
//咨询和评价页数
var page = {
comments: 1,
consults: 1
};
function imgShow(src) {
$imgShow.attr('src', src);
}
/**
* 获取当前选择的商品数目
* @return [Number]
*/
function getNum() {
return +$num.text();
}
//重置Num显示为1
function resetNum() {
$num.text('1');
$numWarn.addClass('hide');
}
//加入购物车和已售罄状态控制
function switchBtnStatus() {
if (maxStock === 0) {
$addToCart.addClass('hide');
$soldOut.removeClass('hide');
} else {
//包括默认的-1情况下
$addToCart.removeClass('hide');
$soldOut.addClass('hide');
}
}
//初始化thumbsLoaded
thumbsLoaded[$('.colors .focus').index()] = true;
//颜色
$('.colors').on('click', 'li', function() {
var $this = $(this),
index = $this.index();
var $imgs;
if ($this.hasClass('focus')) {
return;
}
$this.siblings('.focus').removeClass('focus');
$this.addClass('focus');
//切换图片显示
$thumbs.not('.hide').addClass('hide');
$imgs = $thumbs.eq(index).removeClass('hide').find('img');
if (typeof thumbsLoaded[index] === 'undefined') {
//trigger layLoad
lazyLoad($imgs, {
event: 'sporty'
});
$imgs.trigger('sporty');
thumbsLoaded[index] = true;
}
imgShow($imgs.first().data('shower'));
//切换尺码显示
$sizes.not('.hide').addClass('hide');
$sizes.eq(index).removeClass('hide').children('li').removeClass('focus');
$colorSizeTip.addClass('hide');
maxStock = -1;
resetNum();
switchBtnStatus();
});
//尺码
$size.on('click', 'li', function() {
var $this = $(this);
if ($this.hasClass('focus')) {
return;
}
maxStock = +$this.data('num');
$this.siblings('.focus').removeClass('focus');
$this.addClass('focus');
$colorSizeTip.html($this.data('title')).removeClass('hide');
$sizeWarn.addClass('hide');
switchBtnStatus();
resetNum();
}).on('click', '.size-ruler', function() {
//尺码帮助
});
//数量
$plusNum.click(function() {
var num = getNum();
if (maxStock === -1) {
$sizeWarn.removeClass('hide');//显示选择尺码提示
return;
}
//已售罄
if (maxStock === 0) {
return;
}
if (num >= maxStock) {
$numWarn.removeClass('hide');
} else {
$num.text(num + 1);
}
});
$minusNum.click(function() {
var num = getNum();
if (num === 1) {
return;
}
if (num <= maxStock) {
$numWarn.addClass('hide');
}
$num.text(num - 1);
});
//加入购物车
$addToCart.click(function() {
if (maxStock === -1) {
$sizeWarn.removeClass('hide');
return;
}
$.ajax({
type: 'GET',
url: '/product/item/addToCart',
data: {
skn: skn
}
}).then(function(data) {
var code = data.code;
if (code === 200) {
$('#type-chose').slideUp(SLIDETIME);
$('#balance').slideDown(SLIDETIME);
$('#cart-num').text(data.num); //更新数目
}
});
});
//收藏
$('#collect-product').click(function() {
var $this = $(this),
status = 'collect';
if ($this.hasClass('coled')) {
status = 'cancel';
}
$.ajax({
type: 'GET',
url: '/product/item/collect',
data: {
skn: skn,
status: status
}
}).then(function(data) {
var code = data.code;
if (code === 200) {
$this.toggleClass('coled');
if (status === 'cancel') {
$this.find('em').text(colTxt.default);
} else {
$this.find('em').text(colTxt.coled);
}
} else if (code === 400) {
window.location.href = data.data;
}
});
}).hover(function() {
var $this = $(this);
if ($this.hasClass('coled')) {
$this.find('em').text(colTxt.hover);
}
}, function() {
var $this = $(this);
if ($this.hasClass('coled')) {
$this.find('em').text(colTxt.coled);
}
});
//继续购物
$('#keep-shopping').click(function() {
$('#type-chose').slideDown(SLIDETIME);
$('#balance').slideUp(SLIDETIME);
});
//商品详情/材质洗涤切换
$('.description-material').on('click', '.title', function() {
var $this = $(this),
index = $this.index();
var $description = $('.description-content'),
$material = $('.material-content');
if ($this.hasClass('cur')) {
return;
}
$this.addClass('cur');
$this.siblings('.cur').removeClass('cur');
if (index === 0) {
//商品信息
$description.slideDown(SLIDETIME);
$material.slideUp(SLIDETIME);
} else {
$description.slideUp(SLIDETIME);
$material.slideDown(SLIDETIME);
}
});
//评价和咨询切换
$('.consult-comment').on('click', '.title', function() {
var $this = $(this),
index = $this.index();
var $comments = $('.comments'),
$consults = $('.consults');
if ($this.hasClass('cur')) {
return;
}
$this.addClass('cur');
$this.siblings('.cur').removeClass('cur');
if (index === 0) {
//咨询
$consults.slideDown(SLIDETIME);
$comments.slideUp(SLIDETIME);
} else {
$consults.slideUp(SLIDETIME);
$comments.slideDown(SLIDETIME);
}
}).on('click', '.load-more', function() {
var $this = $(this),
type;
if ($this.hasClass('load-more-comments')) {
type = 'comments';
} else {
type = 'consults';
}
$.ajax({
type: 'GET',
url: '/product/item/' + type,
data: {
page: page[type] + 1
}
}).then(function(html) {
if (html === ' ') {
$this.closest('.more-wrap').addClass('hide');
} else {
$(type + '-ul').append(html);
page[type]++;
}
});
});
//我要咨询
$('#consults-btn').click(function() {
//TODO:点击我要资讯的时候更新验证码显示
$('.new-consult').removeClass('hide');
$('.consult-success').addClass('hide');
});
//提交咨询
$('#submit-consult').click(function() {
var $this = $(this),
$parent = $this.closest('.new-consult'),
$textarea = $parent.find('.my-consult'),
$captcha = $parent.find('.captcha'),
content = $.trim($textarea.val()),
captcha = $.trim($captcha.val());
var $consultWarn = $parent.find('.consult-warn'),
$captchaWarn = $parent.find('.captcha-warn');
var pass = true;
if (content === '') {
$textarea.addClass('error');
$consultWarn.removeClass('hide');
pass = false;
} else {
$textarea.removeClass('error');
$consultWarn.addClass('hide');
}
if (captcha === '') {
$captcha.addClass('error');
$captchaWarn.removeClass('hide').children('em').text('请输入验证码');
pass = false;
} else {
$captcha.removeClass('error');
$captchaWarn.addClass('hide');
}
if (pass === false) {
return;
}
$.ajax({
type: 'GET',
url: '/product/item/consult',
data: {
content: content,
captcha: captcha
}
}).then(function(data) {
var code = data.code;
if (code === 200) {
$parent.addClass('hide');
$parent.siblings('.consult-success').removeClass('hide');
//清空输入
$textarea.val('');
$captcha.val('');
} else if (code === 400) {
//跳转登录页
location.href = data.href;
} else if (code === 401) {
//验证码错误
$captcha.addClass('error');
$captchaWarn.removeClass('hide').children('em').text('验证码错误');
}
});
});
//售后服务
$('.after-service-switch').click(function() {
var $this = $(this),
$content = $this.next('.after-service-content');
var html = {
default: '&#xe604;',
spread: '&#xe603;'
};
if ($content.css('display') === 'none') {
$content.slideDown(SLIDETIME);
$this.find('.triangle').html(html.spread);
} else {
$content.slideUp(SLIDETIME);
$this.find('.triangle').html(html.default);
}
});
\ No newline at end of file
... ...
.product-detail-page {
.brand-banner {
height: 45px;
width: 100%;
img {
display: block;
height: 45px;
}
.opt {
margin-top: 5px;
}
.home, .brand-fav {
display: inline-block;
width: 32px;
height: 32px;
line-height: 32px;
border: 1px solid #fff;
text-align: center;
color: #fff;
}
.home {
margin-right: 5px;
.iconfont {
font-size: 14px;
}
}
.brand-fav .iconfont {
font-size: 12px;
}
.coled {
color: #ee0014;
}
}
.path-nav {
border: none;
margin-bottom: 0;
}
.main {
width: 990px;
margin: 0 auto;
.infos {
width: 465px;
}
.img {
position: relative;
width: 420px;
height: 560px;
}
.img-show {
display: block;
width: 100%;
height: 100%;
}
.tags {
position: absolute;
top: 0;
left: 0;
}
.good-tag {
float: left;
height: 22px;
line-height: 22px;
color: #fff;
padding: 0 7px;
margin-right: 5px;
font-size: 12px;
box-sizing: border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
@each $tag, $bgColor in (new-tag, #78dc7d),
(renew-tag, #78dc7e),
(new-festival-tag, #000000),
(yep-tag, #ff565b),
(ymp-tag, #ff565b),
(sale-tag, #ff565b),
(few-tag, #ffac5b) {
.#{$tag} {
background: $bgColor;
}
}
.limit-tag {
border: 1px solid #4e4e4e;
color: #4e4e4e;
}
.thumbs {
width: 75px;
height: 510px;
overflow: hidden;
}
.thumb {
display: block;
width: 75px;
margin-bottom: 2px;
}
.name {
font-size: 18px;
font-weight: bold;
line-height: 24px;
}
.brand-name {
color: #666;
font-size: 12px;
}
.title {
color: #999;
font-size: 12px;
}
.market-price {
margin-top: 8px;
}
.price {
color: #000;
font-size: 22px;
line-height: 24px;
font-weight: bold;
}
.with-sale .price {
color: #999;
text-decoration: line-through;
font-size: 12px;
}
.activity {
margin-top: 12px;
li {
line-height: 20px;
}
}
.ac-type {
display: inline-block;
width: 43px;
height: 16px;
line-height: 16px;
margin-right: 5px;
text-align: center;
background: #999;
color: #fff;
font-size: 12px;
}
.ac-des {
font-size: 12px;
}
.row {
margin-top: 10px;
}
.trade-content {
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid #eaeceb;
}
.chose-color {
font-size: 12px;
.title {
margin-top: 14px;
}
img {
display: block;
height: 36px;
width: 36px;
border: 2px solid #fff;
}
.focus img {
border-color: #222;
}
li {
margin-right: 5px;
margin-bottom: 5px;
cursor: pointer;
}
}
.chose-size {
font-size: 12px;
.title {
margin-top: 6px;
}
li {
float: left;
display: block;
height: 22px;
line-height: 22px;
width: 38px;
margin-right: 5px;
margin-bottom: 5px;
border: 1px solid #eaeceb;
text-align: center;
cursor: pointer;
&.disable {
opacity: 0.5;
filter: Alpha(opacity=50);
}
&.focus {
color: #fff;
background: #222;
}
}
}
.size {
float: left;
color: #666;
}
.size-ruler {
float: left;
display: block;
width: 57px;
height: 24px;
background: image-url('product/size-ruler.jpg');
margin-bottom: 5px;
cursor: pointer;
}
.size-warn, .num-warn {
height: 24px;
line-height: 24px;
}
.color-size-tip {
color: #999;
}
.chose-count .title {
margin-top: 6px;
}
.num {
display: block;
width: 38px;
height: 23px;
line-height: 23px;
text-align: center;
border: 1px solid #eaeceb;
color: #333;
font-size: 12px;
background: #ebebe4;
}
.minus-plus {
display: block;
width: 14px;
height: 23px;
border: 1px solid #eaeceb;
border-left: none;
text-align: center;
cursor: pointer;
i {
display: block;
width: 13px;
height: 11px;
line-height: 8px;
font-size: 12px;
}
}
.minus {
border-top: 1px solid #eaeceb;
font-size: 13px;
}
.add-to-cart, .sold-out, .go-cart {
display: inline-block;
margin-right: 10px;
height: 48px;
line-height: 48px;
width: 197px;
text-align: center;
color: #fff;
background: #e92601;
font-size: 14px;
cursor: pointer;
}
.sold-out {
background: #ccc;
}
.collect-product, .keep-shopping {
display: inline-block;
width: 127px;
height: 48px;
text-align: center;
line-height: 48px;
background: #fff;
color: #222;
border: 1px solid #ccc;
font-weight: bold;
font-size: 12px;
cursor: pointer;
.iconfont {
color: #ccc;
font-size: 12px;
}
&.coled .iconfont{
color: #fa5252;
}
}
.share-row {
margin-top: 20px;
.title {
margin-top: 2px;
}
i {
display: block;
float: left;
width: 16px;
height: 16px;
margin-left: 5px;
background: image-url('guang/detail/icon-share.png') no-repeat;
}
$left: 0px;
@each $icon in weibo,qweibo,renren,qzone,qq,douban,weixin {
.#{$icon} {
background-position: 0 $left;
}
$left: $left - 16px;
}
}
.balance {
display: none;
.success-tip {
color: #222;
font-size: 18px;
margin-bottom: 10px;
}
.cart-total {
color: #999;
font-size: 12px;
}
.balance-btns {
margin-top: 20px;
}
}
}
.other-infos {
padding-bottom: 30px;
}
.info-block {
margin-top: 30px;
color: #999;
border-top: 2px solid #eaeceb;
font-size: 12px;
.basic {
width: 640px;
margin: 0 auto;
li {
float: left;
width: 25%;
line-height: 20px;
}
}
.comfort {
width: 470px;
border: 1px solid #eaeceb;
margin: 17px auto 0;
padding-bottom: 15px;
li {
margin: 12px 20px 0;
}
}
.comfort-block {
display: inline-block;
width: 14px;
height: 10px;
border: 1px solid #eaeceb;
margin-right: 2px;
&.cur {
background: #999;
border: 1px solid #999;
}
}
}
.block-title {
margin-bottom: 25px;
text-align: center;
.title {
display: inline-block;
padding-top: 15px;
font-weight: bold;
cursor: pointer;
&.cur {
color: #222;
border-top: 2px solid #222;
margin-top: -2px;
}
}
.sep {
display: inline-block;
margin: 0 30px;
color: #eaeceb;
font-size: 14px;
cursor: default;
font-weight: bold;
}
}
.material-content {
display: none;
}
.material-detail {
width: 860px;
margin: 0 auto;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px dotted #eaeceb;
img {
float: left;
width: 125px;
height: 50px;
}
.name {
float: left;
width: 100px;
line-height: 25px;
border-right: 1px dotted #eaeceb;
color: #666;
font-weight: bold;
text-align: center;
font-size: 14px;
}
.text {
float: left;
width: 614px;
padding-left: 20px;
line-height: 18px;
}
}
.wash {
text-align: center;
li {
display: inline-block;
padding: 0 20px;
color: #666;
border-right: 1px solid #eaeceb;
}
}
.size-info {
text-align: center;
}
.size-table, .reference-table {
text-align: center;
margin: 0 auto;
td,th {
width: 110px;
text-align: center;
}
tr {
height: 30px;
}
thead {
background: #f5f7f6;
color: #999;
}
tbody {
color: #222;
}
.avatar {
width: 26px;
height: 26px;
border-radius: 50px;
}
}
.size-tip {
color: #999;
margin-top: 15px;
text-align: center;
}
.details {
text-align: center;
font-size: 12px;
color: #999;
line-height: 18px;
}
.details-html {
width: 640px;
margin: 0 auto;
b {
font-weight: bold;
}
i {
font-style: italic;
}
}
.consults {
display: none;
}
.consult-comment .title {
color: #666;
&.cur {
color: #666;
}
}
.cc-content {
background: #f5f7f6;
padding: 20px 20px 0 20px;
font-size: 12px;
h2 {
font-weight: bold;
font-size: 14px;
margin-bottom: 10px;
color: #000;
}
li {
border-top: 1px solid #eaeceb;
padding: 20px 0;
}
.user-info {
color: #999;
line-height: 16px;
> * {
float: left;
}
.name {
color: #666;
}
.date {
color: #bbb;
}
.question {
color: #222;
}
}
.user-avatar {
width: 30px;
height: 30px;
margin-right: 5px;
}
.more-wrap {
text-align: center;
color: #666;
border-top: 1px solid #eaeceb;
padding: 20px 0;
font-size: 14px;
font-weight: bold;
color: #666;
}
.btn-wrap {
padding: 20px 0;
border-top: 1px solid #eaeceb;
}
.load-more {
cursor: pointer;
}
.btn {
display: block;
width: 140px;
height: 32px;
line-height: 32px;
color: #fff;
background: #222;
text-align: center;
font-size: 12px;
margin: 0 auto;
cursor: pointer;
.iconfont {
font-size: 14px;
}
}
.comment, .consult {
margin-top: 10px;
}
.consults {
display: none;
}
}
.new-consult {
padding: 20px 0;
border-top: 1px solid #eaeceb;
textarea {
width: 590px;
height: 80px;
margin-top: 8px;
padding: 5px;
outline: none;
}
.captcha-row {
margin: 10px 0;
}
.captcha {
width: 70px;
height: 20px;
line-height: 20px;
border: 1px solid #ccc;
margin-right: 5px;
padding: 5px;
outline: none;
}
.captcha-img {
border: 0;
height: 32px;
width: 96px;
vertical-align: middle;
}
.submit-consult {
display: block;
width: 140px;
height: 32px;
line-height: 32px;
margin: 0;
}
.error {
border-color: #e01;
}
}
.consult-success {
border-top: 1px solid #eaeceb;
margin-top: 30px;
text-align: center;
padding: 20px 0;
p {
width: 295px;
height: 55px;
line-height: 55px;
margin: 0 auto;
border: 2px solid #222;
display: block;
color: #222;
font-weight: bold;
}
}
.after-service {
text-align: center;
margin-top: 30px;
.after-service-content {
display: none;
}
.after-service-switch {
height: 44px;
line-height: 44px;
background: #eaeceb;
text-align: center;
font-size: 12px;
cursor: pointer;
.iconfont {
font-size: 12px;
}
}
.text {
padding: 20px 15px;
color: #666;
background: #f5f7f6;
text-align: left;
color: #666;
line-height: 18px;
}
.orange {
color: #f9761a;
}
h4 {
font-weight: bold;
font-size: 14px;
line-height: 24px;
color: #222;
margin-top: 10px;
&:first-child {
margin-top: 0;
}
}
.img-1 {
width: 715px;
height: 259px;
margin: 0 auto;
background: image-url('product/after-service-1.png');
}
.img-2 {
width: 715px;
height: 230px;
margin: 0 auto;
background: image-url('product/after-service-2.png');
}
a {
color: #666;
}
}
.service {
width: 323px;
height: 30px;
margin: 45px auto 0;
background: image-url('product/service.png');
}
.recent-view {
width: 1010px;
margin: 0 auto;
li {
float: left;
width: 180px;
margin-right: 22px;
}
img {
height: 240px;
width: 180px;
display: block;
}
.name {
display: block;
margin-top: 5px;
color: #222;
line-height: 16px;
}
.price {
color: #222;
font-weight: bold;
margin-top: 5px;
}
.market-price {
margin-right: 5px;
}
.has-sale {
text-decoration: line-through;
color: #999;
}
}
.warn-tip {
display: inline-block;
color: #e01;
margin-left: 7px;
font-size: 12px;
i {
font-size: 14px;
}
}
}
\ No newline at end of file
... ...
@import "search", "list", "filter-box", "sort-pager", "good", "hot-rank";
\ No newline at end of file
@import "search", "list", "detail", "hot-rank", "filter-box", "sort-pager", "good";
... ...
<?php
use Action\AbstractAction;
use Plugin\Helpers;
class ItemController extends AbstractAction
{
public function indexAction()
{
$data = array(
'productDetailPage' => true,
'detail' => array(
'banner' => array(
'id' => '',
'bgColor' => '#abab43',
'bgImg' => 'http://img10.static.yhbimg.com/brandBanner/2015/03/20/09/018e4c599a3ca16fe5c67f77ef05cea723.jpg',
'logo' => 'http://img10.static.yhbimg.com/brandLogo/2015/12/04/16/0144f2beb0c06d554d3819394ab974ac45.jpg?imageView/3/w/500/h/45',
'alt' => 'BRISTON',
'homeUrl' => '',
'liked' => true
),
'pathNav' => array(
array(
'href' => '/boys',
'name' => 'BOYS首页'
),
array(
'href' => '/boys?sort=1',
'name' => '服配'
),
array(
'href' => '/boys?sort=1&msort=232',
'name' => '手表'
),
array(
'name' => 'BRISTON 手表Clubmaster CHRONO black Silver - Black dial基本系列黑盘 '
)
),
'goodInfo' => array(
'skn' => '',
'img' => 'http://img11.static.yhbimg.com/goodsimg/2015/12/08/06/013ded7a84dbd3087594553e4333c92f80.jpg?imageMogr2/thumbnail/420x560/extent/420x560/background/d2hpdGU=/position/center/quality/90',
'tags' => array(
'isNew' => true,
'isLimit' => true,
'isNewFestival' => true
),
'name' => 'BRISTON 手表Clubmaster CHRONO black Silver - Black dial基本系列黑盘',
'brandUrl' => '',
'brandName' => 'BRISTON',
'marketPrice' => '2180.00',
'activity' => array(
array(
'url' => '',
'sizeImg' => 'http://img11.static.yhbimg.com/productbanner/2015/12/11/00/01ba262a2fbac23b022eeace17cf5c3685.jpg'
),
array(
'type' => '加价购',
'des' => '全场99元加价购'
),
array(
'type' => '加价购',
'des' => '全场59元加价购'
),
array(
'type' => '加价购',
'des' => '全场19元加价购'
)
),
'colors' => array(
array(
'focus' => true,
'title' => 'BRISTON 手表Clubmaster CHRONO black Silver - Black dial基本系列黑盘 黑色',
'src' => 'http://img11.static.yhbimg.com/goodsimg/2015/12/08/06/013ded7a84dbd3087594553e4333c92f80.jpg?imageMogr2/thumbnail/40x40/extent/40x40/background/d2hpdGU=/position/center/quality/90',
'thumbs' => array(
array(
'url' => '',
'shower' => 'http://img11.static.yhbimg.com/goodsimg/2015/12/08/06/013ded7a84dbd3087594553e4333c92f80.jpg?imageMogr2/thumbnail/420x560/extent/420x560/background/d2hpdGU=/position/center/quality/90',
'img' => 'http://img11.static.yhbimg.com/goodsimg/2015/12/08/06/013ded7a84dbd3087594553e4333c92f80.jpg?imageMogr2/thumbnail/75x100/extent/75x100/background/d2hpdGU=/position/center/quality/90'
)
),
'size' => array(
array(
'name' => 'F',
'title' => '胸围 106cm / 肩宽 43cm',
'sku' => '956638',
'num' => 5
),
array(
'name' => 'L',
'title' => '胸围 110cm / 肩宽 45cm',
'sku' => '956634',
'num' => 2, //num为数字0或者不传则售罄
)
)
),
array(
'title' => 'GOGO HARRIS 圆圈手势套头卫衣 灰色',
'src' => 'http://img12.static.yhbimg.com/goodsimg/2015/11/25/03/02b0d2195e1f1a285c4473a581e03f2e79.jpg?imageMogr2/thumbnail/40x40/extent/40x40/background/d2hpdGU=/position/center/quality/90',
'thumbs' => array(
array(
'url' => '',
'shower' => 'http://img12.static.yhbimg.com/goodsimg/2015/11/25/03/02b0d2195e1f1a285c4473a581e03f2e79.jpg?imageMogr2/thumbnail/420x560/extent/420x560/background/d2hpdGU=/position/center/quality/90',
'img' => 'http://img12.static.yhbimg.com/goodsimg/2015/11/25/03/02b0d2195e1f1a285c4473a581e03f2e79.jpg?imageMogr2/thumbnail/75x100/extent/75x100/background/d2hpdGU=/position/center/quality/90'
)
),
'size' => array(
array(
'name' => 'L',
'title' => '胸围 106cm / 肩宽 43cm',
'sku' => '956638',
'num' => 0
),
array(
'name' => 'XL',
'title' => '胸围 110cm / 肩宽 45cm',
'sku' => '956634',
'num' => 2,
)
)
)
)
),
'description' => array(
'basic' => array(
array(
'key' => '编号',
'value' => '51183240'
),
array(
'key' => '颜色',
'value' => '黑色'
),
array(
'key' => '性别',
'value' => '通用'
),
array(
'key' => '显示方式',
'value' => '指针'
),
array(
'key' => '款式',
'value' => '石英表'
)
),
'comfort' => array(
array(
'name' => '弹性',
'minDes' => '小',
'blocks' => array(
array(
),
array(
'cur' => true
),
array(
),
array(
),
array(
)
),
'maxDes' => '大'
),
array(
'name' => '厚度',
'minDes' => '薄',
'blocks' => array(
array(
),
array(
),
array(
'cur' => true
),
array(
),
array(
)
),
'maxDes' => '厚'
),
array(
'name' => '柔软度',
'minDes' => '软',
'blocks' => array(
array(
),
array(
),
array(
),
array(
),
array(
'cur' => true
)
),
'maxDes' => '硬'
),
array(
'name' => '透气性',
'minDes' => '弱',
'blocks' => array(
array(
),
array(
),
array(
),
array(
'cur' => true
),
array(
)
),
'maxDes' => '强'
)
)
),
'material' => array(
'detail' => array(
'img' => 'http://img10.static.yhbimg.com/material/2012/03/06/20/0176f9410824167f9eca0cea7bd2b3df70.jpg',
'name' => '涤纶/聚酯纤维',
'enName' => 'Polyester',
'text' => '涤纶类的服装可机洗，可手洗，可干洗，可用毛刷刷洗。不可曝晒，不宜烘干。熨烫温度不能超过110度，熨烫时一定要打蒸汽，不能干烫 。在日光下晾晒时，将里面朝外。'
),
'wash' => array(
array(
'img' => 'http://static.yohobuy.com/images/wash_2.png',
'name' => '不可转笼翻转干燥'
),
array(
'img' => 'http://static.yohobuy.com/images/wash_4.png',
'name' => '不可氯洗'
),
array(
'img' => 'http://static.yohobuy.com/images/wash_7.png',
'name' => '分色洗涤'
)
)
),
'size' => array(
'thead' => array(
array(
'width' => 110,
'name' => '吊牌尺码'
),
array(
'width' => 110,
'name' => '表带长'
),
array(
'width' => 110,
'name' => '表盘厚度'
),
array(
'width' => 110,
'name' => '表盘直径'
)
),
'tbody' => array(
array(
'F', '20', '1', '4'
)
),
'sizeImg' => 'http://static.yohobuy.com/images/1.jpg'
),
'reference' => array(
'thead' => array(
array(
'width' => 26,
'name' => ''
),
array(
'width' => 90,
'name' => '模特'
),
array(
'width' => 110,
'name' => '身高'
),
array(
'width' => 110,
'name' => '体重'
),
array(
'width' => 110,
'name' => '三围'
),
array(
'width' => 110,
'name' => '吊牌尺码'
),
array(
'width' => 110,
'name' => '试穿描述'
)
),
'tbody' => array(
array(
'http://img11.static.yhbimg.com/modelCard/2015/07/18/01/011c7aa0035212351482ec01a41afb1fd2.jpg',
'Oliver',
'175',
'51',
'78/70/87',
'M',
'合适'
)
)
),
'details' => '精致细腻的剪裁，搭配假拉链装饰，摒弃棉衣的臃肿，十分有型。中长款设计，内里夹棉，足够帮你抵御冬天的严寒。<br><br><p><img border="0" src="http://img02.static.yohobuy.com/product/2015/11/16/15/02b665cffb4ab07dbfacf922e7e7697134.jpg"></p>',
'consultComment' => array(
'consultNum' => 125,
'commentNum' => 122,
'commentUrl' => '',
'hasMoreComments' => true,
'comments' => array(
array(
'avatar' => 'http://static.yohobuy.com/images/v3/boy.jpg',
'userName' => '哦嚯',
'color' => '绿色',
'size' => 'L',
'date' => '2015-12-19 16:44:02',
'comment' => '好看'
)
),
'consults' => array(
array(
'avatar' => 'http://static.yohobuy.com/images/v3/boy.jpg',
'question' => '黑色其他型号 L 不会再出了吗？',
'date' => '2015-12-19 16:44:02',
'answer' => '该款商品补货时间暂时无法确定，绿色目前是有货的。您还可以“收藏”该商品同时“关注”该品牌，实时关注并登录“MY有货”点击查看“收藏商品”，补货到仓后可直接购买,感谢您对Yoho!Buy有货的支持，祝您购物愉快！'
)
)
),
'recentView' => array(
array(
'url' => '',
'img' => 'http://img11.static.yhbimg.com/goodsimg/2015/12/08/06/013ded7a84dbd3087594553e4333c92f80.jpg?imageMogr2/thumbnail/195x260/extent/195x260/background/d2hpdGU=/position/center/quality/90',
'name' => 'BRISTON 手表Clubmaster CHRONO black Silver - Black dial基本系列黑盘 ',
'marketPrice' => '2180'
),
array(
'url' => '',
'img' => 'http://img11.static.yhbimg.com/goodsimg/2015/10/14/06/017fc64072bb2acb5dfa6b4d33e812afd5.jpg?imageMogr2/thumbnail/195x260/extent/195x260/background/d2hpdGU=/position/center/quality/90',
'name' => 'GAWS 街头风金属拉链装饰棉服',
'marketPrice' => '639',
'salePrice' => '419'
)
)
)
);
$this->_view->display('index', $data);
}
public function collectAction()
{
$this->echoJson(array(
'code' => 200
));
}
public function addToCartAction()
{
$this->echoJson(array(
'code' => 200,
'num' => 5
));
}
public function commentsAction()
{
echo(' ');
}
public function consultAction()
{
$this->echoJson(
array(
'code' => 200
)
);
}
}
\ No newline at end of file
... ...