fe / YOHOBUYPC · Commits

Go to a project

Authored by lynnic
Commit f735917c59165291cfb3fcb064e06bb424e64b40 1 parent da2dd89e

product detail

Inline Side-by-side
Showing 8 changed files with 628 additions and 196 deletions
@@ -20,6 +20,24 @@ goodsSwiper = new Swiper('.banner-swiper', { @@ -20,6 +20,24 @@ goodsSwiper = new Swiper('.banner-swiper', {
20 prevButton: '.swiper-button-prev' 20 prevButton: '.swiper-button-prev'
21 }); 21 });
22 22
  23 +
  24 +$('#nav-tab li').on('click',function(){
  25 + if(!$(this).hasClass('focus')){
  26 +
  27 + $('#nav-tab li').each(function(){
  28 + $(this).removeClass('focus');
  29 + });
  30 +
  31 + $('#feedback-content .content').each(function(){
  32 + console.log('hello');
  33 + $(this).addClass('hide');
  34 + });
  35 +
  36 + $(this).addClass('focus');
  37 + var index = $(this).index();
  38 + $('#feedback-content .content:eq('+index+')').removeClass('hide');
  39 + }
  40 +});
23 // $('#iframe').load(function() { 41 // $('#iframe').load(function() {
24 // var mainheight = $(this).contents().find('body').height() + 30; 42 // var mainheight = $(this).contents().find('body').height() + 30;
25 // $(this).height(mainheight); 43 // $(this).height(mainheight);
  1 +$mainFontC:#444444;
  2 +$subFontC:#b0b0b0;
  3 +$borderC:#e0e0e0;
  4 +$tableCellC:#eee;
  5 +
  6 +@function pxToRem($px){
  7 + @return $px*1rem/$pxConvertRem;
  8 +}
  9 +
1 .good-detail-page { 10 .good-detail-page {
2 -  
3 - .banner-top {  
4 - height: 660rem / $pxConvertRem;  
5 - overflow: hidden;  
6 - position: relative;  
7 11
8 - .swiper-pagination { 12 +/* basic component */
  13 +.page-block{
  14 + box-sizing:border-box;
  15 + width: 100%;
  16 + border-bottom: 1px solid $borderC;
  17 + border-top: 1px solid $borderC;
  18 + padding: 0 pxToRem(28);
  19 + .title{
  20 + min-height: pxToRem(88);
  21 + line-height: pxToRem(88);
  22 + color: $mainFontC;
  23 + font:{
  24 + size : pxToRem(28);
  25 + }
  26 + border-bottom: 1px solid $borderC;
  27 +
  28 + span{
  29 + color:#a0a0a0;
  30 + font:{
  31 + size:pxToRem(18);
  32 + }
  33 + // vertical-align: baseline;
  34 + }
  35 + }
  36 + .detail{
  37 + margin-top: pxToRem(20);
  38 + margin-bottom: pxToRem(20);
  39 + table {
  40 + width: 100%;
  41 + tbody td{
  42 + padding: 0.4em 0.8em;
  43 + border:3px solid white;
  44 + font-size: pxToRem(24);
  45 + background-color: $tableCellC;
  46 + }
  47 + }
  48 + }
  49 +}
  50 +.gap-block{
  51 + min-height: 30rem/$pxConvertRem;
  52 + background-color: #f0f0f0;
  53 +}
  54 +
  55 +.banner-container{
  56 + position: relative;
  57 + // overflow: hidden;
  58 + .is-new-lable{
9 position: absolute; 59 position: absolute;
10 - left: 0;  
11 - right: 0;  
12 - bottom: 40rem / $pxConvertRem; 60 + left: pxToRem(108);
  61 + top:pxToRem(40);
  62 + height: pxToRem(35);
  63 + width:pxToRem(70);
  64 +
  65 + color:#fff;
13 text-align: center; 66 text-align: center;
14 - .pagination-inner {  
15 - display: inline-block;  
16 - span {  
17 - display: inline-block;  
18 - width: 14rem / $pxConvertRem;  
19 - height: 14rem / $pxConvertRem;  
20 - background: #fff;  
21 - opacity: 0.5;  
22 - margin: 0 (9rem / $pxConvertRem);  
23 - border-radius: 50%;  
24 - }  
25 - span.swiper-active-switch {  
26 - opacity: 1;  
27 - }  
28 - .swiper-pagination-bullet-active {  
29 - background-color: #000000;  
30 - } 67 + font-size: pxToRem(20);
  68 + line-height: pxToRem(35);
  69 + background-color: #7cd881;
  70 + z-index: 16;
  71 + }
  72 + }
  73 + .banner-top{
  74 + // width: 100%;
  75 + min-height: 660rem / $pxConvertRem;
  76 + overflow: hidden;
  77 + position: relative;
  78 +
  79 + .swiper-pagination{
  80 + position:absolute;
  81 + bottom: pxToRem(40);
  82 + .swiper-pagination-bullet {
  83 + margin-right: 2px;
  84 + }
  85 + .swiper-pagination-bullet-active {
  86 + background-color: #000;
31 } 87 }
32 } 88 }
  89 +
33 } 90 }
34 91
35 .banner-swiper { 92 .banner-swiper {
36 - height: 600rem / $pxConvertRem;  
37 - width: 448rem / $pxConvertRem;  
38 - margin: 30rem / $pxConvertRem 96rem / $pxConvertRem;  
39 - position: relative; 93 + min-height: pxToRem(600);
  94 + min-width: pxToRem(448);
  95 + margin: pxToRem(30) pxToRem(96);
  96 + // position: relative;
40 overflow: hidden; 97 overflow: hidden;
41 ul { 98 ul {
42 position: relative; 99 position: relative;
@@ -48,124 +105,243 @@ @@ -48,124 +105,243 @@
48 } 105 }
49 } 106 }
50 107
  108 +
51 .goodsName { 109 .goodsName {
52 - font-size: 28rem / $pxConvertRem;  
53 - color: #222222;  
54 - padding-bottom: 6px;  
55 - text-align: center;  
56 - }  
57 -  
58 - .goodsTitle {  
59 - font-size: 36rem / $pxConvertRem;  
60 - text-align: center;  
61 - padding-bottom: 2px;  
62 - font-weight: bold; 110 + min-height: pxToRem(83);
  111 + font-size: pxToRem(28);
  112 + color: #fff;
  113 + padding-left: pxToRem(25);
  114 + padding-right: pxToRem(25);
  115 + line-height: pxToRem(36);
  116 + background-color: #515150;
63 } 117 }
64 118
65 - .vipLevel {  
66 - color: #999999;  
67 - text-align: center;  
68 - padding-bottom: 15px; 119 + .goodsSubtitle{
  120 + min-height: pxToRem(87);
  121 + font-size: pxToRem(24);
  122 + line-height: pxToRem(36);
  123 + color:$subFontC;
  124 + padding-left:pxToRem(28);
  125 + padding-right:pxToRem(28);
  126 + border-bottom: 1px solid $borderC;
  127 + background-color: #f4f4f4;
69 } 128 }
70 129
71 - .goToBuy {  
72 - padding: 0 10px;  
73 - margin-bottom: 20px;  
74 - text-align: center;  
75 - overflow: hidden;  
76 - .AddFavorite {  
77 - background-color: #cccccc;  
78 -  
79 - width: 110rem / $pxConvertRem;  
80 - height: 100rem / $pxConvertRem;  
81 - line-height: 100rem / $pxConvertRem;  
82 - font-size: 1.7em;  
83 - color: white;  
84 - margin-right: 20rem / $pxConvertRem;  
85 - overflow: hidden; 130 + .price-date{
  131 + // width: 100%;
  132 + color:$subFontC;
  133 + min-height: pxToRem(88);
  134 + padding-left:pxToRem(28);
  135 + padding-right:pxToRem(28);
  136 + border-bottom: 1px solid $borderC;
  137 + }
  138 + .goodsPrice{
  139 + float: left;
  140 + font-size: pxToRem(34.59);
  141 + h1{
  142 + display: inline-block;
  143 + line-height: pxToRem(88);
  144 + }
  145 + .currentPrice{
  146 + color:red;
  147 + margin-right: pxToRem(10);
  148 + }
  149 + .previousPrice{
  150 + text-decoration:line-through;
  151 + }
  152 +}
  153 +.periodOfMarket{
  154 + font-size: pxToRem(24);
  155 + float: right;
  156 + h1{
  157 + display: inline-block;
  158 + line-height: pxToRem(88);
  159 +}
  160 +}
  161 +.goodsName,
  162 +.goodsSubtitle{
  163 + // width: 100%;
  164 + display:table;
  165 + span{
  166 + display: table-cell;
  167 + vertical-align: middle;
  168 + }
  169 + }
  170 + .vipLevel {
  171 + display: table;
  172 + min-height: pxToRem(88);
  173 + padding-left:pxToRem(28);
  174 + padding-right:pxToRem(28);
  175 + font-size: pxToRem(22);
  176 + color: #999999;
86 177
87 - float: left !important; 178 + border-bottom: 1px solid $borderC;
  179 + span{
  180 + display: table-cell;
  181 + vertical-align: middle;
  182 + }
  183 + .vip-img{
  184 + padding-right: pxToRem(22);
  185 + img{
  186 + width: pxToRem(52);
  187 + height: pxToRem(32);
88 } 188 }
  189 + }
  190 + .vip-price{
  191 + padding-right: pxToRem(55);
  192 + }
  193 + .vip-price:last-child{
  194 + padding-right: 0;
  195 + }
  196 +}
  197 +.goodsDiscount{
  198 + min-height: pxToRem(88);
  199 + padding-left:pxToRem(28);
  200 + padding-right:pxToRem(28);
  201 + font-size: pxToRem(28);
  202 + color: $mainFontC;
  203 + line-height: pxToRem(88);
  204 + border-bottom: 1px solid $borderC;
  205 + .iconfont{
  206 + // padding-right:28rem/$pxConvertRem;
  207 + font-size: inherit;
  208 + float: right;
  209 + color:#e0e0e0;
  210 + text-align: right;
  211 + }
  212 +}
89 213
90 - .toBuyNow {  
91 - height: 50px;  
92 - line-height: 50px;  
93 - color: white;  
94 - display: block;  
95 - margin-left: 2.4em;  
96 - font-size: 1.84em;  
97 - overflow: hidden;  
98 - font-weight: bold;  
99 -  
100 - background-color: #ed0010;  
101 - } 214 +.feedback-list-page {
  215 + padding-top: pxToRem(30);
  216 + background-color: #f0f0f0;
102 217
  218 + .nav-tab{
  219 + width: 100%;
103 } 220 }
104 221
105 - .discountNotice {  
106 - margin-bottom: 20px;  
107 -  
108 - p {  
109 - height: 44px;  
110 - line-height: 44px;  
111 - padding: 0 10px;  
112 - margin-bottom: 1px;  
113 - font-size: 12px;  
114 - background-color: #eeeeee;  
115 - } 222 + .nav-tab {
  223 + height: pxToRem(60);
  224 + padding: pxToRem(10) 0;
  225 + background-color: #fff;
  226 + border-top: 1px solid $borderC;
  227 + border-bottom: 1px solid $borderC;
116 } 228 }
117 229
118 - .goToShop {  
119 - margin: 0 10px 20px;  
120 - padding: 10px;  
121 - height: 47px;  
122 - line-height: 47px;  
123 - overflow: hidden;  
124 - background-color: #eee; 230 + .comment-nav, .consult-nav {
  231 + box-sizing: border-box;
  232 + float: left;
  233 + width: 50%;
  234 + height: pxToRem(60);
  235 + line-height: pxToRem(60);
  236 + font-size: pxToRem(28);
  237 + text-align: center;
  238 + color: #ccc;
125 239
126 - .fz14 {  
127 - font-size: 1.2em;  
128 - float: right !important; 240 + &.focus {
  241 + color: #000;
129 } 242 }
130 } 243 }
131 244
132 - .detailSize {  
133 - padding: 0 10px;  
134 - margin-bottom: 20px;  
135 -  
136 - h3 {  
137 - text-align: center;  
138 - font-size: 1.3em;  
139 - margin-bottom: 5px; 245 + .comment-nav {
  246 + border-right: 1px solid #ccc;
  247 + }
140 248
141 - span {  
142 - font-size: 0.6em;  
143 - display: block;  
144 - text-transform: uppercase;  
145 - } 249 + .comment-content{
  250 + .comment-content-main{
  251 + background-color: #fff;
  252 + border-bottom: 1px solid $borderC;
  253 + .user-name{
  254 + font-size: pxToRem(24);
  255 + line-height: pxToRem(62);
  256 + color:$mainFontC;
  257 + padding-left: pxToRem(28);
  258 + padding-right: pxToRem(18);
  259 + }
  260 + .goods-spec,
  261 + .comment-time{
  262 + font-size: pxToRem(24);
  263 + line-height: pxToRem(62);
  264 + }
  265 + .detail-content{
  266 + font-size: pxToRem(28);
  267 + line-height: pxToRem(36);
146 } 268 }
  269 + .goods-spec,
  270 + .detail-content{
  271 + color:$mainFontC;
  272 + }
  273 + .detail-content,
  274 + .comment-time{
  275 + padding-left: pxToRem(28);
147 276
148 - table {  
149 - background-color: white;  
150 - width: 100%;  
151 } 277 }
  278 + .detail-content{
  279 + padding-right: pxToRem(28);
152 280
153 - td {  
154 - text-align: left;  
155 - padding: 0.4em 0.8em;  
156 - border: 1px solid white;  
157 -  
158 - background-color: #eee;  
159 - font-size: 1em;  
160 } 281 }
161 - 282 + .comment-time{
  283 + color:#c1c1c1;
  284 + }
162 } 285 }
163 286
  287 + .comment-content-footer{
  288 + min-height: pxToRem(88);
  289 + text-align: center;
  290 + background-color: #fff;
  291 +
  292 + border-bottom: 1px solid $borderC;
  293 + line-height: pxToRem(88);
  294 + font-size: pxToRem(28);
  295 + a{
  296 + color: #e0e0e0;
  297 + .iconfont{
  298 + font-size: inherit;
  299 + }
  300 + }
  301 + }
  302 +
  303 +}
  304 +
  305 +.content.hide {
  306 + display: none;
  307 +}
  308 +}
164 309
165 - .detail-img {  
166 - padding: 0 10px;  
167 - margin-bottom: 10px; 310 +.enter-store{
  311 + min-height: pxToRem(100);
  312 + display: table;
  313 + a{
  314 + display: table-cell;
  315 + vertical-align: middle;
  316 + text-align: left;
168 } 317 }
  318 + .store-logo{
  319 + // padding-right: 35rem/$pxConvertRem;
  320 + img{
169 321
  322 + width: pxToRem(109);
  323 + height: pxToRem(68);
170 324
  325 + margin-left: 0;
  326 + margin-right: pxToRem(-25);
  327 + }
  328 +}
  329 + .store-name{
  330 + font-size: pxToRem(34);
  331 + color:$mainFontC;
  332 + }
  333 + .store-link{
  334 + font-size:pxToRem(28) ;
  335 + color:$subFontC;
  336 + text-align: right;
  337 + span{
  338 + font-size: inherit;
  339 + }
  340 + }
  341 +}
  342 + .goods-desc{
  343 + table{
  344 +
  345 + }
  346 + }
171 } 347 }
1 {{> layout/header}} 1 {{> layout/header}}
2 <div class="good-detail-page yoho-page"> 2 <div class="good-detail-page yoho-page">
3 - {{# bannerTop}} 3 +
  4 + <div class="banner-container">
  5 +
  6 + <h1 class="is-new-lable">NEW</h1>
  7 + {{# bannerTop}}
4 {{> product/banner_swiper_arrow}} 8 {{> product/banner_swiper_arrow}}
5 - {{/ bannerTop}}  
6 -  
7 - {{# goodsName}}  
8 - <h2 class="goodsName">{{.}}</h2>  
9 - {{/ goodsName}}  
10 -  
11 - {{# goodsTitle}} 9 + {{/ bannerTop}}
  10 + </div>
  11 +
  12 +
  13 +
  14 +
  15 + {{# goodsName}}
  16 + <h2 class="goodsName"><span>{{.}}</span></h2>
  17 + {{/ goodsName}}
  18 +
  19 + {{# goodsSubtitle}}
  20 + <h1 class="goodsSubtitle"><span>{{.}}</span></h1>
  21 + {{/ goodsSubtitle}}
  22 +
  23 + <!-- {{# goodsTitle}}
12 <h1 class="goodsTitle">{{.}}</h1> 24 <h1 class="goodsTitle">{{.}}</h1>
13 - {{/ goodsTitle}}  
14 -  
15 - {{# vipLevel}} 25 + {{/ goodsTitle}} -->
  26 +
  27 + <div class="price-date">
  28 + {{#goodsPrice}}
  29 + <div class="goodsPrice">
  30 + <h1 class="currentPrice">{{currentPrice}}</h1>
  31 + <h1 class="previousPrice">{{previousPrice}}</h1>
  32 + </div>
  33 + {{/goodsPrice}}
  34 +
  35 + {{#periodOfMarket}}
  36 + <div class="periodOfMarket">
  37 + <h1>上市期：</h1>
  38 + <h1 >{{.}}</h1>
  39 + </div>
  40 + {{/periodOfMarket}}
  41 + </div>
  42 +
  43 + <!-- {{# vipLevel}}
16 <div class="vipLevel"> 44 <div class="vipLevel">
17 {{# list}} 45 {{# list}}
18 {{#if @last}} 46 {{#if @last}}
@@ -22,35 +50,154 @@ @@ -22,35 +50,154 @@
22 {{/if}} 50 {{/if}}
23 {{/ list}} 51 {{/ list}}
24 </div> 52 </div>
25 - {{/ vipLevel}}  
26 -  
27 - {{# goToBuy}}  
28 - <div class="goToBuy">  
29 - <a href="javascript:void(0);" class="AddFavorite" id="favorite" fav="0" name="collect"><em class="icon-uni31"></em></a>  
30 - <a href="{{url}}" name="buy" class="toBuyNow">立即购买</a>  
31 - </div>  
32 - {{/ goToBuy}}  
33 -  
34 - {{# discountNotice}}  
35 - <div class="discountNotice">  
36 - {{# list}}  
37 - <p><span>{{title}}</span>{{desc}}</p>  
38 - {{/ list}}  
39 - </div>  
40 - {{/ discountNotice}}  
41 -  
42 - {{# goToShop}}  
43 - <div class="goToShop">  
44 - <a href="{{url}}">  
45 - <span class="fn-right fz14">进入店铺 <em class="icon-uni3E"></em></span>  
46 - <img class="lazy" data-original="{{img}}" alt="" style="display: inline-block;">  
47 - {{title}}</a>  
48 - </div>  
49 - {{/ goToShop}}  
50 -  
51 - <iframe src="http://www.baidu.com" id="main" width="320" height="300" frameborder="0" scrolling="auto"></iframe> 53 + {{/ vipLevel}} -->
  54 +
  55 + {{# vipLevel}}
  56 + <div class="vipLevel">
  57 + {{# list}}
  58 + <span class="vip-img"><img src="{{img}}" alt=""></span>
  59 + <span class="vip-price">{{text}}</span>
  60 + {{/ list}}
  61 + </div>
  62 + {{/ vipLevel}}
  63 +
  64 + {{#goodsDiscount}}
  65 + <div class="goodsDiscount">
  66 + <h1>{{.}}<span class="iconfont">&#xe609;</span></h1>
  67 + </div>
  68 + {{/goodsDiscount}}
  69 +
  70 +
  71 + <div class="feedback-list-page ">
  72 + {{# feedbacks}}
  73 + <ul id="nav-tab" class="nav-tab clearfix">
  74 + <li class="comment-nav focus">{{commentName}}</li>
  75 + <li class="consult-nav">{{consultName}}</li>
  76 + </ul>
  77 + <div id="feedback-content" >
  78 + <div class="comment-content content ">
  79 + <div class="comment-content-main">
  80 + {{# comments}}
  81 + <span class="user-name">
  82 + {{userName}}
  83 + </span>
  84 + <span class="goods-spec">
  85 + {{desc}}
  86 + </span>
  87 + <p class="detail-content">
  88 + {{content}}
  89 + </p>
  90 + <span class="comment-time">
  91 + {{time}}
  92 + </span>
  93 + {{/ comments}}
  94 + </div>
  95 + <div class="comment-content-footer">
  96 + <a href="{{moreComments}}">查看更多 <span class="iconfont">&#xe604;</span></a>
  97 + </div>
  98 + </div>
  99 + <div class="consult-content content hide">
  100 + {{# consults}}
  101 + <!-- {{> guang/ps_item}} -->
  102 + {{/ consults}}
  103 + </div>
  104 + </div>
  105 + {{/ feedbacks}}
  106 + </div>
  107 + <div class="gap-block"></div>
  108 +
  109 + {{# enterStore}}
  110 + <div class="enter-store page-block">
  111 + <a class="store-logo" href="{{url}}" style="">
  112 + <img src="{{img}}" alt="{{storeName}}">
  113 + </a>
  114 + <a class="store-name" href="{{url}}">{{storeName}}</a>
  115 + <a class="store-link" href="{{url}}">进入店铺<span class="iconfont">&#xe604;</span></a>
  116 + </div>
  117 + {{/ enterStore}}
  118 + <div class="gap-block"></div>
  119 + <!-- <iframe src="http://www.baidu.com" id="main" width="320" height="300" frameborder="0" scrolling="auto"></iframe> -->
  120 +
  121 + {{#goodsDescription}}
  122 + <div class="goods-desc page-block">
  123 + <h1 class="title">
  124 + {{title}}
  125 + <span class="en-title">{{enTitle}}</span>
  126 + </h1>
  127 + {{#detail}}
  128 + <div class="detail">
  129 + <table>
  130 + <tbody>
  131 + <tr>
  132 + <td>编号：{{nubmer}}</td>
  133 + <td>帽型：{{hatType}}</td>
  134 + </tr>
  135 + <tr>
  136 + <td>颜色：{{color}}</td>
  137 + <td>帽檐：{{bongrace}}</td>
  138 + </tr>
  139 + <tr>
  140 + <td>类型：{{type}}</td>
  141 + <td>细节：{{goodsDetail}}</td>
  142 + </tr>
  143 + <tr>
  144 + <td>性别：{{gender}}</td>
  145 + <td>风格：{{style}}</td>
  146 + </tr>
  147 + </tbody>
  148 + </table>
  149 + </div>
  150 + {{/detail}}
  151 + </div>
  152 + {{/goodsDescription}}
  153 +
  154 + <div class="gap-block"></div>
  155 +
  156 + <div class="size-info page-block">
  157 + <h1 class="title">
  158 + 尺码信息
  159 + <span class="en-title">SIZE INFO</span>
  160 + </h1>
  161 + <div class="detail">
  162 +
  163 + </div>
  164 + </div>
  165 +
  166 + <div class="gap-block"></div>
  167 +
  168 + <div class="size-info page-block">
  169 + <h1 class="title">
  170 + 测量方式
  171 + <span class="en-title">SIZE INFO</span>
  172 + </h1>
  173 + <div class="detail">
  174 +
  175 + </div>
  176 + </div>
  177 +
  178 + <div class="gap-block"></div>
  179 +
  180 + <div class="size-info page-block">
  181 + <h1 class="title">
  182 + 商品材质
  183 + <span class="en-title">SIZE INFO</span>
  184 + </h1>
  185 + <div class="detail">
  186 +
  187 + </div>
  188 + </div>
52 189
  190 + <div class="gap-block"></div>
53 191
  192 + <div class="size-info page-block">
  193 + <h1 class="title">
  194 + 商品详情
  195 + <span class="en-title">SIZE INFO</span>
  196 + </h1>
  197 + <div class="detail">
  198 +
  199 + </div>
  200 + </div>
54 201
55 </div> 202 </div>
56 {{> layout/footer}} 203 {{> layout/footer}}
@@ -18,13 +18,13 @@ class DetailController extends AbstractAction @@ -18,13 +18,13 @@ class DetailController extends AbstractAction
18 'pageHeader' => array ( 18 'pageHeader' => array (
19 'navBack' => 'sss ', 19 'navBack' => 'sss ',
20 'navHome' => 'sss ', 20 'navHome' => 'sss ',
21 - 'navTitle' => '商品详情' 21 + 'navTitle' => '商品详情TEST'
22 ), 22 ),
23 'bannerTop' => array ( 23 'bannerTop' => array (
24 'list' => array ( 24 'list' => array (
25 - array ( 25 + array (
26 'url' => '', 26 'url' => '',
27 - 'img' => 'http://img10.static.yhbimg.com/goodsimg/2015/10/12/04/0100ba0d8512c3af064873f5a1e3805e45.jpg?imageMogr2/thumbnail/450x600/extent/450x600/background/d2hpdGU=/position/center/quality/90' 27 + 'img' => 'http://img13.static.yhbimg.com/goodsimg/2015/10/18/03/0250c3935f86dbd2baa7d45603d19fd637.jpg?imageMogr2/thumbnail/450x600/extent/450x600/background/d2hpdGU=/position/center/quality/90'
28 ), 28 ),
29 array ( 29 array (
30 'url' => '', 30 'url' => '',
@@ -36,53 +36,144 @@ class DetailController extends AbstractAction @@ -36,53 +36,144 @@ class DetailController extends AbstractAction
36 ) 36 )
37 ) 37 )
38 ), 38 ),
39 - 'goodsName' => 'CHUMS 男式纯色logo休闲长袖T恤',  
40 - 'goodsTitle' => '￥298.00', 39 + 'goodsName' => 'Stussy No. 4 BOX TEE DC SPAR HIGH WC
  40 +SHOE BQT KEN BLOCK',
  41 + 'goodsSubtitle'=>'【全民拼抢购】经典印花T恤，满4件免一件！全场低至
  42 +9.9元，拼购时代High起来。',
  43 +
  44 + 'goodsPrice' =>array(
  45 + 'currentPrice'=>'¥298.00',
  46 + 'previousPrice'=>'¥598.00'
  47 + ),
  48 + 'periodOfMarket'=>'11月',
  49 + 'goodsTitle' => '¥298.00',
41 'vipLevel' => array ( 50 'vipLevel' => array (
42 'list' => array ( 51 'list' => array (
43 array ( 52 array (
44 - 'text' => '银卡284.00' 53 + 'img'=>'http://static.dev.yohobuy.com/img/product/silver.png',
  54 + 'text' => '¥284.00'
45 ), 55 ),
46 array ( 56 array (
47 - 'text' => '金卡269.00' 57 + 'img'=>'http://static.dev.yohobuy.com/img/product/golden.png',
  58 + 'text' => '¥269.00'
48 ), 59 ),
49 array ( 60 array (
50 - 'text' => '白金263.00' 61 + 'img'=>'http://static.dev.yohobuy.com/img/product/platinum.png',
  62 + 'text' => '¥263.00'
51 ) 63 )
52 ) 64 )
53 ), 65 ),
54 - 'goToBuy' => array (  
55 - 'url' => 'http://m.yohobuy.com/product/buy_269003_348031.html'  
56 - ),  
57 - 'discountNotice' => array (  
58 - 'list' => array (  
59 - array (  
60 - 'title' => '打折',  
61 - 'desc' => '【深秋优品加持】折上满￥599享75折'  
62 - ),  
63 - array (  
64 - 'title' => '打折',  
65 - 'desc' => '【深秋优品加持】折上满￥399享85折'  
66 - ),  
67 - array (  
68 - 'title' => '加价购',  
69 - 'desc' => '【全场29元加价购】'  
70 - ),  
71 - array (  
72 - 'title' => '加价购',  
73 - 'desc' => '【全场49元加价购】' 66 + 'goodsDiscount'=>'【summer final sale】满¥499立享6.8折',
  67 + 'feedbacks'=>array(
  68 + 'commentName'=>'商品评价(15)',
  69 + 'consultName' =>'购买咨询(2)',
  70 + 'moreComments'=>'http://www.baidu.com',
  71 + 'comments'=>array(
  72 +
  73 + array(
  74 + 'userName'=>'Lynnic',
  75 + 'desc'=>'购买了白色Mate7',
  76 + 'content'=>'活动时买的，挺超值。上身效果也不错。质量
  77 +很好，买送人的，很满意。而且物流相当给...',
  78 + 'time'=>'2014-08-12 10:24:26'
  79 + )
74 ), 80 ),
75 - array (  
76 - 'title' => '加价购',  
77 - 'desc' => '【全场69元加价购】' 81 + 'consults'=>array(
78 ) 82 )
79 - ) 83 + ),
  84 + 'enterStore'=>array(
  85 + 'img'=>'http://static.dev.yohobuy.com/img/product/store.png',
  86 + 'storeName'=>'Stussy',
  87 + 'url'=>'http://stussy.m.yohobuy.com/'
80 ), 88 ),
81 - 'goToShop' => array (  
82 - 'url' => 'http://chums.m.yohobuy.com',  
83 - 'title' => 'CHUMS',  
84 - 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/08/14/11/022c089923cc22b3b068f862dcd3b9d454.jpg?imageView/1/w/47/h/47" data-original="http://img12.static.yhbimg.com/brandLogo/2015/08/14/11/022c089923cc22b3b068f862dcd3b9d454.jpg?imageView/1/w/47/h/47'  
85 - ) 89 +
  90 + 'goodsDescription'=>array(
  91 + 'title' =>'商品描述',
  92 + 'enTitle'=>'DESCRIPTON',
  93 +
  94 + 'detail'=>array(
  95 + 'nubmer' =>'51018059',
  96 + 'color' =>'黑',
  97 + 'type' =>'帽子',
  98 + 'gender' =>'女款',
  99 + 'hatType' =>'棒球帽',
  100 + 'bongrace' =>'平檐款式',
  101 + 'goodsDetail'=>'字母图案',
  102 + 'style'=>'街头'
  103 + )
  104 + ),
  105 +
  106 + 'sizeInfo'=>array(
  107 + 'title' => '尺码信息',
  108 + 'enTitle' =>'SIZE INFO',
  109 +
  110 + 'detail' =>array(
  111 + 'list'=>array(
  112 + array(
  113 + 'size'=>'M',
  114 + 'shoulderWidth'=>'43',
  115 + 'bodyLength'=>'102',
  116 + 'sleevesLength'=>'65',
  117 + 'chestMeasurement'=>'90'
  118 + ),
  119 + array(
  120 + 'size'=>'XL',
  121 + 'shoulderWidth'=>'46',
  122 + 'bodyLength'=>'106',
  123 + 'sleevesLength'=>'69',
  124 + 'chestMeasurement'=>'96'
  125 + )
  126 + )
  127 + )
  128 + ),
  129 +
  130 + 'measurementMethod'=>array(
  131 + 'title' => '测量方式',
  132 + 'enTitle' =>'SIZE INFO',
  133 +
  134 + 'detail'=>array(
  135 + 'kind' =>'上衣' ,
  136 + 'enKind'=>'TOPS',
  137 +
  138 + 'img' =>''
  139 + )
  140 + ),
  141 +
  142 + 'reference' => array(
  143 + 'title' => '模特试穿',
  144 + 'enTitle' =>'REFERENCE',
  145 +
  146 + 'detail'=>array(
  147 + 'list' => array(
  148 + array(
  149 + 'avatar' =>'',
  150 + 'name' =>'Oliver',
  151 + 'height' => '170',
  152 + 'weight' =>'55',
  153 + 'BWH' =>'78/70/87',
  154 + 'size' =>'S'
  155 + ),
  156 + array(
  157 + 'avatar' =>'',
  158 + 'name' =>'Jvly',
  159 + 'height' => '170',
  160 + 'weight' =>'59',
  161 + 'BWH' =>'78/70/87',
  162 + 'size' =>'L'
  163 + )
  164 + )
  165 + )
  166 + ),
  167 +
  168 + 'meterials' => array(
  169 + 'img' => '',
  170 + 'desc' =>'用各种洗涤剂，可手洗机洗，但不宜氯漂，宜阴干，避免曝晒，以免深色衣物褪色，在日光下晾晒时，将里面朝外。浸泡时间不能太长，避免褪色，深色与浅色衣服最好请分开洗涤，避免染色。'
  171 + ),
  172 +
  173 + 'productDetail' =>array(
  174 + 'desc' => 'Married to the MOB是由Leah McSweeney创立的女装品牌，一向标榜不羁、大胆的女性streetwear设计。喜欢恶搞的女生们，赶紧入手吧。',
  175 + 'img' =>''
  176 + )
86 177
87 ); 178 );
88 179