wangshusheng / YOHOBUYPC · Commits

Go to a project

Authored by 梁志锋
Commit ededf1499adc75f2254a925dba11ea73769e0080 1 parent 8641f78b

update

Inline Side-by-side
Showing 4 changed files with 299 additions and 73 deletions
@@ -1051,3 +1051,229 @@ @@ -1051,3 +1051,229 @@
1051 //若无收藏则不传infos 1051 //若无收藏则不传infos
1052 } 1052 }
1053 } 1053 }
  1054 +
  1055 +### 商品详情页
  1056 + {
  1057 + 'goodsDetailPage': true,
  1058 + 'pageHeader': {
  1059 + 'navBack': 'sss ',
  1060 + 'navHome': 'sss ',
  1061 + 'navTitle': '商品详情TEST'
  1062 + },
  1063 +
  1064 + 'bannerTop': {
  1065 + 'list': {
  1066 + array (
  1067 + 'url' => '',
  1068 + 'img' => 'http://img13.static.yhbimg.com/goodsimg/2015/10/18/03/0250c3935f86dbd2baa7d45603d19fd637.jpg?imageMogr2/thumbnail/450x600/extent/450x600/background/d2hpdGU=/position/center/quality/90'
  1069 + ),
  1070 + array (
  1071 + 'url' => '',
  1072 + 'img' => 'http://img11.static.yhbimg.com/goodsimg/2015/10/12/03/01bf4cf4444035a1930d33a9d0f8bff4fa.jpg?imageMogr2/thumbnail/450x600/extent/450x600/background/d2hpdGU=/position/center/quality/90' ),
  1073 + array (
  1074 + 'url' => '',
  1075 + 'img' => 'http://img11.static.yhbimg.com/goodsimg/2015/10/12/03/01d7ef2f624eeea15e80bb374607aea317.jpg?imageMogr2/thumbnail/450x600/extent/450x600/background/d2hpdGU=/position/center/quality/90'
  1076 + )
  1077 + }
  1078 + },
  1079 + 'goodsName' => 'Stussy No. 4 BOX TEE DC SPAR HIGH WC
  1080 +SHOE BQT KEN BLOCK',
  1081 + 'goodsSubtitle'=>'【全民拼抢购】经典印花T恤，满4件免一件！全场低至
  1082 +9.9元，拼购时代High起来。',
  1083 +
  1084 + 'goodsPrice' =>array(
  1085 + 'currentPrice'=>'¥298.00',
  1086 + 'previousPrice'=>'¥598.00'
  1087 + ),
  1088 + 'periodOfMarket'=>'11月',
  1089 + 'goodsTitle' => '¥298.00',
  1090 + 'vipLevel' => array (
  1091 + 'list' => array (
  1092 + array (
  1093 + 'img'=>'http://static.dev.yohobuy.com/img/product/silver.png',
  1094 + 'text' => '¥284.00'
  1095 + ),
  1096 + array ( 'img'=>'http://static.dev.yohobuy.com/img/product/golden.png',
  1097 + 'text' => '¥269.00'
  1098 + ),
  1099 + array (
  1100 + 'img'=>'http://static.dev.yohobuy.com/img/product/platinum.png',
  1101 + 'text' => '¥263.00'
  1102 + )
  1103 + )
  1104 +// ),
  1105 +// 'goodsDiscount'=>array(
  1106 +// 'list'=>array(
  1107 +// '【summer final sale】满¥499立享6.8折',
  1108 +// '【BACK TO SCHOOL】满￥499赠送Paul
  1109 +// Franke帽子一个，多买多送！',
  1110 +// '【BACK TO SCHOOL】满￥499赠送Paul
  1111 +// Franke帽子一个，多买多送！'
  1112 +// )
  1113 +// ),
  1114 +// 'feedbacks'=>array(
  1115 +// 'commentsNum'=>0,
  1116 +// 'consultsNum'=>1,
  1117 +// // 'commentName'=>'商品评价',
  1118 +// // 'consultName' =>'购买咨询',
  1119 +// 'link'=>'',
  1120 +// 'comments'=>array(
  1121 +// array(
  1122 +// 'userName'=>'Lynnic',
  1123 +// 'desc'=>'购买了白色Mate7',
  1124 +// 'content'=>'活动时买的，挺超值。上身效果也不错。质量
  1125 +//很好，买送人的，很满意。而且物流相当给...',
  1126 +// 'time'=>'2014-08-12 10:24:26'
  1127 +// )
  1128 +// ),
  1129 +// 'consults'=>array(
  1130 +// array(
  1131 +// 'question' =>'您好 我一米七七 140斤 穿M的行吗',
  1132 +// 'time'=>'2014-08-12 10:24:26',
  1133 +// 'answer'=>'您好，建议您参考XL的款式，由于版型和个人穿衣风格不同，需要'
  1134 +// )
  1135 +// )
  1136 +// ),
  1137 +//
  1138 +// 'enterStore'=>array(
  1139 +// 'img'=>'http://static.dev.yohobuy.com/img/product/store.png',
  1140 +// 'storeName'=>'Stussy',
  1141 +// 'url'=>'http://stussy.m.yohobuy.com/'
  1142 +// ),
  1143 +//
  1144 +// 'goodsDescription'=>array(
  1145 +// 'title' =>'商品描述',
  1146 +// 'enTitle'=>'DESCRIPTON',
  1147 +//
  1148 +// 'detail'=>array(
  1149 +// 'nubmer' =>'51018059',
  1150 +// 'color' =>'黑',
  1151 +// 'type' =>'帽子',
  1152 +// 'gender' =>'女款',
  1153 +// 'hatType' =>'棒球帽',
  1154 +// 'bongrace' =>'平檐款式',
  1155 +// 'goodsDetail'=>'字母图案',
  1156 +// 'style'=>'街头'
  1157 +// )
  1158 +// ),
  1159 +//
  1160 +// 'sizeInfo'=>array(
  1161 +// 'title' => '尺码信息',
  1162 +// 'enTitle' =>'xSIZE INFO',
  1163 +//
  1164 +// 'detail' =>array(
  1165 +// 'list'=>array(
  1166 +// array(
  1167 +// 'name'=>'尺寸',
  1168 +// 'sizem'=>'m',
  1169 +// 'sizexl' =>'XL'
  1170 +// ),
  1171 +// array(
  1172 +// 'name'=>'肩宽',
  1173 +// 'sizem'=>'43',
  1174 +// 'sizexl' =>'46'
  1175 +// ),
  1176 +// array(
  1177 +// 'name'=>'衣长',
  1178 +// 'sizem'=>'102',
  1179 +// 'sizexl' =>'106'
  1180 +// ),
  1181 +// array(
  1182 +// 'name'=>'肩宽',
  1183 +// 'sizem'=>'90',
  1184 +// 'sizexl' =>'96'
  1185 +// ),
  1186 +// array(
  1187 +// 'name'=>'胸围',
  1188 +// 'sizem'=>'90',
  1189 +// 'sizexl' =>'96'
  1190 +// ),
  1191 +// array(
  1192 +// 'name'=>'xx',
  1193 +// 'sizem'=>'xx',
  1194 +// 'sizexl' =>'xx'
  1195 +// )
  1196 +// )
  1197 +// )
  1198 +// ),
  1199 +//
  1200 +// 'measurementMethod'=>array(
  1201 +// 'title' => '测量方式',
  1202 +// 'enTitle' =>'MEASUREMENT METHOD',
  1203 +//
  1204 +// 'detail'=>array(
  1205 +// 'sort' =>'上衣' ,
  1206 +// 'enSort'=>'TOPS',
  1207 +// 'img' =>'http://static.dev.yohobuy.com/img/product/tops.png',
  1208 +// 'items'=>array(
  1209 +// '肩宽(两端肩线间的直线长度)',
  1210 +// '胸围(两端肩线间的直线长度)',
  1211 +// '肩宽(两端肩线间的直线长度)',
  1212 +// '肩宽(两端肩线间的直线长度)',
  1213 +// '肩宽(两端肩线间的直线长度)',
  1214 +// '肩宽(两端肩线间的直线长度)'
  1215 +// )
  1216 +// )
  1217 +// ),
  1218 +//
  1219 +// 'reference' => array(
  1220 +// 'title' => '模特试穿',
  1221 +// 'enTitle' =>'REFERENCE',
  1222 +//
  1223 +// 'detail' =>array(
  1224 +// 'list'=>array(
  1225 +// array(
  1226 +// 'fieldName'=>'1 ',
  1227 +// 'firstModel'=>'http://static.dev.yohobuy.com/img/product/avatar1.png',
  1228 +// 'secondModel' =>'http://static.dev.yohobuy.com/img/product/avatar2.png'
  1229 +// ),
  1230 +// array(
  1231 +// 'fieldName'=>'模特',
  1232 +// 'firstModel'=>'Oliver',
  1233 +// 'secondModel' =>'Jvly'
  1234 +// ),
  1235 +// array(
  1236 +// 'fieldName'=>'身高',
  1237 +// 'firstModel'=>'175',
  1238 +// 'secondModel' =>'170'
  1239 +// ),
  1240 +// array(
  1241 +// 'fieldName'=>'体重',
  1242 +// 'firstModel'=>'53',
  1243 +// 'secondModel' =>'59'
  1244 +// ),
  1245 +// array(
  1246 +// 'fieldName'=>'三围',
  1247 +// 'firstModel'=>'78/70/87',
  1248 +// 'secondModel' =>'78/70/87'
  1249 +// ),
  1250 +// array(
  1251 +// 'fieldName'=>'吊牌尺',
  1252 +// 'firstModel'=>'S',
  1253 +// 'secondModel' =>'L'
  1254 +// )
  1255 +// )
  1256 +// )
  1257 +// ),
  1258 +//
  1259 +// 'materials' => array(
  1260 +// 'title' => '商品材质',
  1261 +// 'enTitle' =>'MATERIALS',
  1262 +// 'img' => 'http://static.dev.yohobuy.com/img/product/material.png',
  1263 +// 'desc' =>'用各种洗涤剂，可手洗机洗，但不宜氯漂，宜阴干，避免曝晒，以免深色衣物褪色，在日光下晾晒时，将里面朝外。浸泡时间不能太长，避免褪色，深色与浅色衣服最好请分开洗涤，避免染色。',
  1264 +// 'materialType'=>'http://static.dev.yohobuy.com/img/product/material-type.png'
  1265 +// ),
  1266 +//
  1267 +// 'productDetail' =>array(
  1268 +// 'title' => '商品详情',
  1269 +// 'enTitle' =>'DETAILS',
  1270 +// 'desc' => 'Married to the MOB是由Leah McSweeney创立的女装品牌，一向标榜不羁、大胆的女性streetwear设计。喜欢恶搞的女生们，赶紧入手吧。',
  1271 +// 'img' =>'http://static.dev.yohobuy.com/img/product/product.png'
  1272 +// ),
  1273 +//
  1274 +// 'cartInfo' =>array(
  1275 +// 'numInCart' => 3,
  1276 +// 'goodsInstore'=>0
  1277 +// )
  1278 +//
  1279 +// );
1 -/**  
2 - * 商品详情  
3 - * @author: liangzhifeng<zhifeng.liang@yoho.cn>  
4 - * @date: 2015/11/18  
5 - */  
6 -var $ = require('jquery'),  
7 - Hammer = require('yoho.hammer'),  
8 - lazyLoad = require('yoho.lazyload');  
9 -  
10 -var loading = require('../../plugin/loading');  
11 -  
12 -var navHammer,  
13 - winH = $(window).height(),  
14 - searching = false,  
15 - num,  
16 - url;  
17 -  
18 -function scrollHandler() {  
19 - if ($(window).scrollTop() + winH >= $(document).height() - 50) {  
20 - //search();  
21 - }  
22 -}  
23 -  
24 -function search() {  
25 - if (searching) {  
26 - return;  
27 - }  
28 - searching = true;  
29 -  
30 - loading.showLoadingMask();  
31 -  
32 - //num = $goodList.find('.good-info').length;  
33 - $.ajax({  
34 - type: 'GET',  
35 - url: url,  
36 - data: {  
37 - page: page + 1  
38 - },  
39 - success: function(data) {  
40 -  
41 - num = $goodList.find('.good-info').length;  
42 -  
43 - $goodList.append(data);  
44 -  
45 - // 2015/10/31 fei.hong: 修复第一页分页不显示图片的问题  
46 - if (num === 0) {  
47 - lazyLoad($goodList.find('.good-info').find('img.lazy'));  
48 - } else {  
49 - lazyLoad($goodList.find('.good-info:gt(' + (num - 1) + ')').find('img.lazy'));  
50 - }  
51 -  
52 - searching = false;  
53 - loading.hideLoadingMask();  
54 - page++;  
55 - },  
56 - error: function() {  
57 - tip.show('网络断开连接了~');  
58 - searching = false;  
59 - loading.hideLoadingMask();  
60 - }  
61 - });  
62 -}  
63 -  
64 -//srcoll to load more  
65 -$(window).scroll(function () {  
66 - window.requestAnimationFrame(scrollHandler);  
67 -});  
68 - 1 +///**
  2 +// * 商品详情
  3 +// * @author: liangzhifeng<zhifeng.liang@yoho.cn>
  4 +// * @date: 2015/11/18
  5 +// */
  6 +//var $ = require('jquery'),
  7 +// Hammer = require('yoho.hammer'),
  8 +// lazyLoad = require('yoho.lazyload');
  9 +//
  10 +//var loading = require('../../plugin/loading');
  11 +//
  12 +//var navHammer,
  13 +// winH = $(window).height(),
  14 +// searching = false,
  15 +// num,
  16 +// url;
  17 +//
  18 +//function scrollHandler() {
  19 +// if ($(window).scrollTop() + winH >= $(document).height() - 50) {
  20 +// //search();
  21 +// }
  22 +//}
  23 +//
  24 +//function search() {
  25 +// if (searching) {
  26 +// return;
  27 +// }
  28 +// searching = true;
  29 +//
  30 +// loading.showLoadingMask();
  31 +//
  32 +// //num = $goodList.find('.good-info').length;
  33 +// $.ajax({
  34 +// type: 'GET',
  35 +// url: url,
  36 +// data: {
  37 +// page: page + 1
  38 +// },
  39 +// success: function(data) {
  40 +//
  41 +// num = $goodList.find('.good-info').length;
  42 +//
  43 +// $goodList.append(data);
  44 +//
  45 +// // 2015/10/31 fei.hong: 修复第一页分页不显示图片的问题
  46 +// if (num === 0) {
  47 +// lazyLoad($goodList.find('.good-info').find('img.lazy'));
  48 +// } else {
  49 +// lazyLoad($goodList.find('.good-info:gt(' + (num - 1) + ')').find('img.lazy'));
  50 +// }
  51 +//
  52 +// searching = false;
  53 +// loading.hideLoadingMask();
  54 +// page++;
  55 +// },
  56 +// error: function() {
  57 +// tip.show('网络断开连接了~');
  58 +// searching = false;
  59 +// loading.hideLoadingMask();
  60 +// }
  61 +// });
  62 +//}
  63 +//
  64 +////srcoll to load more
  65 +//$(window).scroll(function () {
  66 +// window.requestAnimationFrame(scrollHandler);
  67 +//});
  68 +//
@@ -34,7 +34,7 @@ @@ -34,7 +34,7 @@
34 <div class="vipLevel"> 34 <div class="vipLevel">
35 {{# list}} 35 {{# list}}
36 <span class="vip-img"> 36 <span class="vip-img">
37 - <img class="lazy" data-original="{{img}}" alt=""> 37 + <img class="lazy" data-original="http://static.dev.yohobuy.com/img/product/silver.png" alt="">
38 </span> 38 </span>
39 <span class="vip-price">{{text}}</span> 39 <span class="vip-price">{{text}}</span>
40 {{/ list}} 40 {{/ list}}
@@ -45,10 +45,10 @@ @@ -45,10 +45,10 @@
45 <div class="goodsDiscount"> 45 <div class="goodsDiscount">
46 {{#each list}} 46 {{#each list}}
47 {{#if @first}} 47 {{#if @first}}
48 - <h1 class="first-item">{{this}}<span class="icon-down iconfont dropdown">&#xe609;</span></h1> 48 + <h1 class="first-item">{{title}}<span class="icon-down iconfont dropdown">&#xe609;</span></h1>
49 <div class="discount-folder"> 49 <div class="discount-folder">
50 {{else}} 50 {{else}}
51 - <h1 class="folder-item">{{this}}</h1> 51 + <h1 class="folder-item">{{title}}</h1>
52 {{/if}} 52 {{/if}}
53 {{/list}} 53 {{/list}}
54 </div> 54 </div>
@@ -16,6 +16,6 @@ @@ -16,6 +16,6 @@
16 </div> 16 </div>
17 17
18 <!-- 如果需要导航按钮 --> 18 <!-- 如果需要导航按钮 -->
19 - <div class="swiper-button-prev prev-grey"></div>  
20 - <div class="swiper-button-next next-grey"></div> 19 + <div class="my-swiper-button-prev prev-grey"></div>
  20 + <div class="my-swiper-button-next next-grey"></div>
21 </div> 21 </div>