fe / YOHOBUYWAP · Commits

Go to a project

Authored by Lynnic
Commit 942c7780560eb59059a6fc7fcfd2a8776d57eb6b 1 parent ededf149

添加商品详情数据结构

Inline Side-by-side
Showing 3 changed files with 379 additions and 480 deletions
@@ -1058,222 +1058,159 @@ @@ -1058,222 +1058,159 @@
1058 'pageHeader': { 1058 'pageHeader': {
1059 'navBack': 'sss ', 1059 'navBack': 'sss ',
1060 'navHome': 'sss ', 1060 'navHome': 'sss ',
1061 - 'navTitle': '商品详情TEST' 1061 + 'navTitle': '商品详情'
1062 }, 1062 },
1063 1063
1064 'bannerTop': { 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 -// );  
  1065 + 'list': [
  1066 + {
  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 + ...
  1071 + ]
  1072 + },
  1073 + 'goodsName' : 'Stussy No. 4 BOX TEE ',
  1074 + 'goodsSubtitle' : '【全民拼抢购】经典印花T恤，满4件免一件！',
  1075 +
  1076 + 'goodsPrice' : {
  1077 + 'currentPrice' : '¥298.00',
  1078 + 'previousPrice' : '¥598.00'
  1079 + },
  1080 + 'periodOfMarket' : '11月',
  1081 + 'goodsTitle' : '¥298.00',
  1082 + 'vipLevel' : {
  1083 + 'list' : [
  1084 + {
  1085 + 'img':'http://static.dev.yohobuy.com/img/product/silver.png',
  1086 + 'text' : '¥284.00'
  1087 + },
  1088 + ...
  1089 + ]
  1090 + },
  1091 + 'goodsDiscount' : {
  1092 + 'list' : [
  1093 + {
  1094 + 'text' : '【BACK TO SCHOOL】满￥499赠送Paul
  1095 + Franke帽子一个，多买多送！'
  1096 + },
  1097 + ...
  1098 + ],
  1099 + 'feedbacks' : {
  1100 + 'commentsNum' : 0,
  1101 + 'consultsNum' : 1,
  1102 + 'link' : '',
  1103 + 'comments' : [
  1104 + {
  1105 + 'userName' : 'Lynnic',
  1106 + 'desc' : '购买了白色Mate7',
  1107 + 'content' : '活动时买的，挺超值。上身效果也不错。质量
  1108 +很好，买送人的，很满意。而且物流相当给...',
  1109 + 'time' : '2014-08-12 10:24:26'
  1110 + },
  1111 + ...
  1112 + ],
  1113 + 'consults' : [
  1114 + {
  1115 + 'question' : '您好 我一米七七 140斤 穿M的行吗',
  1116 + 'time' : '2014-08-12 10:24:26',
  1117 + 'answer' : '您好，建议您参考XL的款式，由于版型和个人穿衣风格不同，需要'
  1118 + },
  1119 + ...
  1120 + ]
  1121 + },
  1122 +
  1123 + 'enterStore' : {
  1124 + 'img' : 'http://static.dev.yohobuy.com/img/product/store.png',
  1125 + 'storeName' : 'Stussy',
  1126 + 'url' : 'http://stussy.m.yohobuy.com/'
  1127 + },
  1128 +
  1129 + 'goodsDescription' : {
  1130 + 'title' : '商品描述',
  1131 + 'enTitle' : 'DESCRIPTON',
  1132 +
  1133 + 'detail' : {
  1134 + 'nubmer' : '51018059',
  1135 + 'color' : '黑',
  1136 + 'type' : '帽子',
  1137 + 'gender' : '女款',
  1138 + 'hatType' : '棒球帽',
  1139 + 'bongrace' : '平檐款式',
  1140 + 'goodsDetail' : '字母图案',
  1141 + 'style' : '街头'
  1142 + }
  1143 + },
  1144 +
  1145 + 'sizeInfo' : {
  1146 + 'title' : '尺码信息',
  1147 + 'enTitle' : 'xSIZE INFO',
  1148 +
  1149 + 'detail' : {
  1150 + 'list' : [
  1151 + {
  1152 + 'name' : '尺寸',
  1153 + 'sizem' : 'm',
  1154 + 'sizexl' : 'XL'
  1155 + },
  1156 + ...
  1157 + ]
  1158 + }
  1159 + },
  1160 +
  1161 + 'measurementMethod' : {
  1162 + 'title' : '测量方式',
  1163 + 'enTitle' : 'MEASUREMENT METHOD',
  1164 +
  1165 + 'detail' : {
  1166 + 'sort' : '上衣' ,
  1167 + 'enSort' : 'TOPS',
  1168 + 'img' : 'http://static.dev.yohobuy.com/img/product/tops.png',
  1169 + 'items' : [
  1170 + 'item' : '肩宽(两端肩线间的直线长度)',
  1171 + ...
  1172 + ]
  1173 + }
  1174 + },
  1175 +
  1176 + 'reference' : {
  1177 + 'title' : '模特试穿',
  1178 + 'enTitle' : 'REFERENCE',
  1179 +
  1180 + 'detail' : {
  1181 + 'list' : [
  1182 + array{
  1183 + 'fieldName' : '头像',
  1184 + 'firstModel' : 'http://static.dev.yohobuy.com/img/product/avatar1.png',
  1185 + 'secondModel' =>'http://static.dev.yohobuy.com/img/product/avatar2.png'
  1186 + },
  1187 + {
  1188 + 'fieldName' : '模特',
  1189 + 'firstModel' : 'Oliver',
  1190 + 'secondModel' : 'Jvly'
  1191 + },
  1192 + ...
  1193 + ]
  1194 + }
  1195 + },
  1196 +
  1197 + 'materials' : {
  1198 + 'title' : '商品材质',
  1199 + 'enTitle' : 'MATERIALS',
  1200 + 'img' : 'http://static.dev.yohobuy.com/img/product/material.png',
  1201 + 'desc' : '用各种洗涤剂，可手洗机洗，但不宜氯漂，宜阴干，避免曝晒，以免深色衣物褪色，在日光下晾晒时，将里面朝外。浸泡时间不能太长，避免褪色，深色与浅色衣服最好请分开洗涤，避免染色。',
  1202 + 'materialType' : 'http://static.dev.yohobuy.com/img/product/material-type.png'
  1203 + },
  1204 +
  1205 + 'productDetail' : {
  1206 + 'title' : '商品详情',
  1207 + 'enTitle' : 'DETAILS',
  1208 + 'desc' : 'Married to the MOB是由Leah McSweeney创立的女装品牌，一向标榜不羁、大胆的女性streetwear设计。喜欢恶搞的女生们，赶紧入手吧。',
  1209 + 'img' : 'http://static.dev.yohobuy.com/img/product/product.png'
  1210 + },
  1211 +
  1212 + 'cartInfo' : {
  1213 + 'numInCart' : 3,
  1214 + 'goodsInstore' : 0
  1215 + }
  1216 + }
@@ -3,7 +3,6 @@ $subFontC:#b0b0b0; @@ -3,7 +3,6 @@ $subFontC:#b0b0b0;
3 $borderC:#e0e0e0; 3 $borderC:#e0e0e0;
4 $tableCellC:#eee; 4 $tableCellC:#eee;
5 $basicBtnC:#eb0313; 5 $basicBtnC:#eb0313;
6 -  
7 .my-swiper-button-prev, 6 .my-swiper-button-prev,
8 .my-swiper-button-next { 7 .my-swiper-button-next {
9 position: absolute; 8 position: absolute;
@@ -33,39 +32,36 @@ $basicBtnC:#eb0313; @@ -33,39 +32,36 @@ $basicBtnC:#eb0313;
33 32
34 .good-detail-page { 33 .good-detail-page {
35 overflow: hidden; 34 overflow: hidden;
36 -  
37 - .page-block{  
38 - box-sizing:border-box; 35 + .page-block {
  36 + box-sizing: border-box;
39 width: 100%; 37 width: 100%;
40 border-bottom: 2px solid $borderC; 38 border-bottom: 2px solid $borderC;
41 border-top: 1px solid $borderC; 39 border-top: 1px solid $borderC;
42 padding: 0 pxToRem(28px); 40 padding: 0 pxToRem(28px);
43 - >.title{ 41 + >.title {
44 line-height: pxToRem(88px); 42 line-height: pxToRem(88px);
45 color: $mainFontC; 43 color: $mainFontC;
46 - font-size : pxToRem(28px); 44 + font-size: pxToRem(28px);
47 border-bottom: 1px solid $borderC; 45 border-bottom: 1px solid $borderC;
48 -  
49 - span{  
50 - color:#a0a0a0;  
51 - font-size:pxToRem(18px); 46 + span {
  47 + color: #a0a0a0;
  48 + font-size: pxToRem(18px);
52 } 49 }
53 } 50 }
54 - .detail{ 51 + .detail {
55 margin-top: pxToRem(20px); 52 margin-top: pxToRem(20px);
56 margin-bottom: pxToRem(20px); 53 margin-bottom: pxToRem(20px);
57 font-size: pxToRem(24px); 54 font-size: pxToRem(24px);
58 line-height: pxToRem(36px); 55 line-height: pxToRem(36px);
59 -  
60 - &.table{ 56 + &.table {
61 display: table; 57 display: table;
62 width: 100%; 58 width: 100%;
63 - .row{ 59 + .row {
64 display: table-row; 60 display: table-row;
65 - .column{ 61 + .column {
66 display: table-cell; 62 display: table-cell;
67 padding: 0.4em 0.8em; 63 padding: 0.4em 0.8em;
68 - border:1px solid #fff; 64 + border: 1px solid #fff;
69 font-size: pxToRem(24px); 65 font-size: pxToRem(24px);
70 background-color: $tableCellC; 66 background-color: $tableCellC;
71 } 67 }
@@ -73,23 +69,20 @@ $basicBtnC:#eb0313; @@ -73,23 +69,20 @@ $basicBtnC:#eb0313;
73 } 69 }
74 } 70 }
75 } 71 }
76 -  
77 - .gap-block{ 72 + .gap-block {
78 min-height: 30rem/$pxConvertRem; 73 min-height: 30rem/$pxConvertRem;
79 background-color: #f0f0f0; 74 background-color: #f0f0f0;
80 } 75 }
81 -  
82 - .banner-container{ 76 + .banner-container {
83 position: relative; 77 position: relative;
84 // overflow: hidden; 78 // overflow: hidden;
85 - .is-new-lable{ 79 + .is-new-lable {
86 position: absolute; 80 position: absolute;
87 left: pxToRem(108px); 81 left: pxToRem(108px);
88 - top:pxToRem(40px); 82 + top: pxToRem(40px);
89 height: pxToRem(35px); 83 height: pxToRem(35px);
90 - width:pxToRem(70px);  
91 -  
92 - color:#fff; 84 + width: pxToRem(70px);
  85 + color: #fff;
93 text-align: center; 86 text-align: center;
94 font-size: pxToRem(20px); 87 font-size: pxToRem(20px);
95 line-height: pxToRem(35px); 88 line-height: pxToRem(35px);
@@ -97,14 +90,13 @@ $basicBtnC:#eb0313; @@ -97,14 +90,13 @@ $basicBtnC:#eb0313;
97 // z-index: 16; 90 // z-index: 16;
98 } 91 }
99 } 92 }
100 - .banner-top{ 93 + .banner-top {
101 // width: 100%; 94 // width: 100%;
102 min-height: 660rem / $pxConvertRem; 95 min-height: 660rem / $pxConvertRem;
103 overflow: hidden; 96 overflow: hidden;
104 position: relative; 97 position: relative;
105 -  
106 - .swiper-pagination{  
107 - position:absolute; 98 + .swiper-pagination {
  99 + position: absolute;
108 bottom: pxToRem(40px); 100 bottom: pxToRem(40px);
109 .swiper-pagination-bullet { 101 .swiper-pagination-bullet {
110 margin-right: 2px; 102 margin-right: 2px;
@@ -112,11 +104,8 @@ $basicBtnC:#eb0313; @@ -112,11 +104,8 @@ $basicBtnC:#eb0313;
112 .swiper-pagination-bullet-active { 104 .swiper-pagination-bullet-active {
113 background-color: #000; 105 background-color: #000;
114 } 106 }
115 -  
116 } 107 }
117 -  
118 } 108 }
119 -  
120 .banner-swiper { 109 .banner-swiper {
121 min-height: pxToRem(600px); 110 min-height: pxToRem(600px);
122 min-width: pxToRem(448px); 111 min-width: pxToRem(448px);
@@ -131,12 +120,9 @@ $basicBtnC:#eb0313; @@ -131,12 +120,9 @@ $basicBtnC:#eb0313;
131 height: 100%; 120 height: 100%;
132 } 121 }
133 } 122 }
134 -  
135 } 123 }
136 -  
137 -  
138 .goodsName { 124 .goodsName {
139 - box-sizing:border-box; 125 + box-sizing: border-box;
140 width: 100%; 126 width: 100%;
141 min-height: pxToRem(83px); 127 min-height: pxToRem(83px);
142 font-size: pxToRem(28px); 128 font-size: pxToRem(28px);
@@ -146,125 +132,118 @@ $basicBtnC:#eb0313; @@ -146,125 +132,118 @@ $basicBtnC:#eb0313;
146 line-height: pxToRem(36px); 132 line-height: pxToRem(36px);
147 background-color: #515150; 133 background-color: #515150;
148 } 134 }
149 -  
150 - .goodsSubtitle{ 135 + .goodsSubtitle {
151 min-height: pxToRem(87px); 136 min-height: pxToRem(87px);
152 font-size: pxToRem(24px); 137 font-size: pxToRem(24px);
153 line-height: pxToRem(36px); 138 line-height: pxToRem(36px);
154 - color:$subFontC;  
155 - padding-left:pxToRem(28px);  
156 - padding-right:pxToRem(28px);  
157 - border-bottom:1px solid $borderC; 139 + color: $subFontC;
  140 + padding-left: pxToRem(28px);
  141 + padding-right: pxToRem(28px);
  142 + border-bottom: 1px solid $borderC;
158 background-color: #f4f4f4; 143 background-color: #f4f4f4;
159 } 144 }
160 -  
161 - .price-date{ 145 + .price-date {
162 // width: 100%; 146 // width: 100%;
163 - color:$subFontC; 147 + color: $subFontC;
164 min-height: pxToRem(88px); 148 min-height: pxToRem(88px);
165 - padding-left:pxToRem(28px);  
166 - padding-right:pxToRem(28px); 149 + padding-left: pxToRem(28px);
  150 + padding-right: pxToRem(28px);
167 border-bottom: 1px solid $borderC; 151 border-bottom: 1px solid $borderC;
168 } 152 }
169 - .goodsPrice{ 153 + .goodsPrice {
170 float: left; 154 float: left;
171 font-size: pxToRem(34.59px); 155 font-size: pxToRem(34.59px);
172 - h1{ 156 + h1 {
173 display: inline-block; 157 display: inline-block;
174 line-height: pxToRem(88px); 158 line-height: pxToRem(88px);
175 } 159 }
176 - .currentPrice{  
177 - color:red; 160 + .currentPrice {
  161 + color: red;
178 margin-right: pxToRem(10px); 162 margin-right: pxToRem(10px);
179 } 163 }
180 - .previousPrice{  
181 - text-decoration:line-through; 164 + .previousPrice {
  165 + text-decoration: line-through;
182 } 166 }
183 } 167 }
184 - .periodOfMarket{ 168 + .periodOfMarket {
185 font-size: pxToRem(24px); 169 font-size: pxToRem(24px);
186 float: right; 170 float: right;
187 - h1{ 171 + h1 {
188 display: inline-block; 172 display: inline-block;
189 line-height: pxToRem(88px); 173 line-height: pxToRem(88px);
190 } 174 }
191 } 175 }
192 .goodsName, 176 .goodsName,
193 - .goodsSubtitle{ 177 + .goodsSubtitle {
194 // width: 100%; 178 // width: 100%;
195 - display:table;  
196 - span{ 179 + display: table;
  180 + span {
197 display: table-cell; 181 display: table-cell;
198 vertical-align: middle; 182 vertical-align: middle;
199 } 183 }
200 } 184 }
201 .vipLevel { 185 .vipLevel {
202 width: 100%; 186 width: 100%;
203 - box-sizing:border-box; 187 + box-sizing: border-box;
204 display: table; 188 display: table;
205 min-height: pxToRem(88px); 189 min-height: pxToRem(88px);
206 - padding-left:pxToRem(28px);  
207 - padding-right:pxToRem(28px); 190 + padding-left: pxToRem(28px);
  191 + padding-right: pxToRem(28px);
208 font-size: pxToRem(22px); 192 font-size: pxToRem(22px);
209 color: #999999; 193 color: #999999;
210 -  
211 border-bottom: 1px solid $borderC; 194 border-bottom: 1px solid $borderC;
212 - span{ 195 + span {
213 display: table-cell; 196 display: table-cell;
214 vertical-align: middle; 197 vertical-align: middle;
215 } 198 }
216 - .vip-img{ 199 + .vip-img {
217 padding-right: pxToRem(22px); 200 padding-right: pxToRem(22px);
218 - img{ 201 + img {
219 width: pxToRem(52px); 202 width: pxToRem(52px);
220 height: pxToRem(32px); 203 height: pxToRem(32px);
221 } 204 }
222 } 205 }
223 - .vip-price{ 206 + .vip-price {
224 padding-right: pxToRem(55px); 207 padding-right: pxToRem(55px);
225 } 208 }
226 - .vip-price:last-child{ 209 + .vip-price:last-child {
227 padding-right: 0; 210 padding-right: 0;
228 } 211 }
229 } 212 }
230 - .goodsDiscount{  
231 - 213 + .goodsDiscount {
232 font-size: pxToRem(28px); 214 font-size: pxToRem(28px);
233 color: $mainFontC; 215 color: $mainFontC;
234 border-bottom: 1px solid $borderC; 216 border-bottom: 1px solid $borderC;
235 - h1{  
236 - padding : pxToRem(30px) pxToRem(28px); 217 + h1 {
  218 + padding: pxToRem(30px) pxToRem(28px);
237 line-height: pxToRem(36px); 219 line-height: pxToRem(36px);
238 // line-height: pxToRem(88px); 220 // line-height: pxToRem(88px);
239 } 221 }
240 - .iconfont{ 222 + .iconfont {
241 display: inline-block; 223 display: inline-block;
242 width: pxToRem(35px); 224 width: pxToRem(35px);
243 font-size: pxToRem(45px); 225 font-size: pxToRem(45px);
244 float: right; 226 float: right;
245 - color:#e0e0e0; 227 + color: #e0e0e0;
246 // padding-left:pxToRem(50px); 228 // padding-left:pxToRem(50px);
247 } 229 }
248 - .discount-folder{  
249 - .folder-item{ 230 + .discount-folder {
  231 + .folder-item {
250 border-top: 1px solid $borderC; 232 border-top: 1px solid $borderC;
251 } 233 }
252 display: none; 234 display: none;
253 } 235 }
254 -  
255 -} 236 + }
256 .goodsSubtitle, 237 .goodsSubtitle,
257 - .goodsDiscount{ 238 + .goodsDiscount {
258 text-indent: pxToRem(-14px); 239 text-indent: pxToRem(-14px);
259 } 240 }
260 .feedback-list { 241 .feedback-list {
261 padding-top: pxToRem(30px); 242 padding-top: pxToRem(30px);
262 background-color: #f0f0f0; 243 background-color: #f0f0f0;
263 -  
264 - .nav-tab{ 244 + .nav-tab {
265 width: 100%; 245 width: 100%;
266 } 246 }
267 -  
268 .nav-tab { 247 .nav-tab {
269 height: pxToRem(60px); 248 height: pxToRem(60px);
270 padding: pxToRem(10px) 0; 249 padding: pxToRem(10px) 0;
@@ -272,8 +251,8 @@ $basicBtnC:#eb0313; @@ -272,8 +251,8 @@ $basicBtnC:#eb0313;
272 border-top: 1px solid $borderC; 251 border-top: 1px solid $borderC;
273 border-bottom: 1px solid $borderC; 252 border-bottom: 1px solid $borderC;
274 } 253 }
275 -  
276 - .comment-nav, .consult-nav { 254 + .comment-nav,
  255 + .consult-nav {
277 box-sizing: border-box; 256 box-sizing: border-box;
278 float: left; 257 float: left;
279 width: 50%; 258 width: 50%;
@@ -282,7 +261,6 @@ $basicBtnC:#eb0313; @@ -282,7 +261,6 @@ $basicBtnC:#eb0313;
282 font-size: pxToRem(28px); 261 font-size: pxToRem(28px);
283 text-align: center; 262 text-align: center;
284 color: #ccc; 263 color: #ccc;
285 -  
286 &.focus { 264 &.focus {
287 color: #000; 265 color: #000;
288 } 266 }
@@ -290,188 +268,179 @@ $basicBtnC:#eb0313; @@ -290,188 +268,179 @@ $basicBtnC:#eb0313;
290 .comment-nav { 268 .comment-nav {
291 border-right: 1px solid #ccc; 269 border-right: 1px solid #ccc;
292 } 270 }
293 - .content{  
294 - .content-main{ 271 + .content {
  272 + .content-main {
295 background-color: #fff; 273 background-color: #fff;
296 border-bottom: 1px solid $borderC; 274 border-bottom: 1px solid $borderC;
297 - &.comment-content-main{  
298 - .user-name{ 275 + &.comment-content-main {
  276 + .user-name {
299 font-size: pxToRem(24px); 277 font-size: pxToRem(24px);
300 line-height: pxToRem(62px); 278 line-height: pxToRem(62px);
301 - color:$mainFontC; 279 + color: $mainFontC;
302 padding-left: pxToRem(28px); 280 padding-left: pxToRem(28px);
303 padding-right: pxToRem(18px); 281 padding-right: pxToRem(18px);
304 } 282 }
305 .goods-spec, 283 .goods-spec,
306 - .comment-time{ 284 + .comment-time {
307 font-size: pxToRem(24px); 285 font-size: pxToRem(24px);
308 line-height: pxToRem(62px); 286 line-height: pxToRem(62px);
309 } 287 }
310 - .detail-content{ 288 + .detail-content {
311 // font-size: pxToRem(28px); 289 // font-size: pxToRem(28px);
312 // line-height: pxToRem(36px); 290 // line-height: pxToRem(36px);
313 font-size: pxToRem(24px); 291 font-size: pxToRem(24px);
314 line-height: pxToRem(62px); 292 line-height: pxToRem(62px);
315 - color:$mainFontC; 293 + color: $mainFontC;
316 padding-left: pxToRem(28px); 294 padding-left: pxToRem(28px);
317 padding-right: pxToRem(18px); 295 padding-right: pxToRem(18px);
318 } 296 }
319 .goods-spec, 297 .goods-spec,
320 - .comment-time{ 298 + .comment-time {
321 font-size: pxToRem(24px); 299 font-size: pxToRem(24px);
322 line-height: pxToRem(62px); 300 line-height: pxToRem(62px);
323 } 301 }
324 - .detail-content{ 302 + .detail-content {
325 font-size: pxToRem(28px); 303 font-size: pxToRem(28px);
326 line-height: pxToRem(36px); 304 line-height: pxToRem(36px);
327 } 305 }
328 .goods-spec, 306 .goods-spec,
329 - .detail-content{  
330 - color:$mainFontC; 307 + .detail-content {
  308 + color: $mainFontC;
331 } 309 }
332 .detail-content, 310 .detail-content,
333 - .comment-time{ 311 + .comment-time {
334 padding-left: pxToRem(28px); 312 padding-left: pxToRem(28px);
335 -  
336 } 313 }
337 - .detail-content{ 314 + .detail-content {
338 padding-right: pxToRem(28px); 315 padding-right: pxToRem(28px);
339 padding-left: pxToRem(28px); 316 padding-left: pxToRem(28px);
340 } 317 }
341 - .detail-content{ 318 + .detail-content {
342 padding-right: pxToRem(28px); 319 padding-right: pxToRem(28px);
343 } 320 }
344 - .comment-time{  
345 - color:#c1c1c1; 321 + .comment-time {
  322 + color: #c1c1c1;
346 } 323 }
347 } 324 }
348 - &.consult-content-main{ 325 + &.consult-content-main {
349 padding-right: pxToRem(28px); 326 padding-right: pxToRem(28px);
350 padding-left: pxToRem(28px); 327 padding-left: pxToRem(28px);
351 padding-top: pxToRem(20px); 328 padding-top: pxToRem(20px);
352 padding-bottom: pxToRem(20px); 329 padding-bottom: pxToRem(20px);
353 - .question{ 330 + .question {
354 font-size: pxToRem(24px); 331 font-size: pxToRem(24px);
355 - color:$mainFontC;  
356 - span{ 332 + color: $mainFontC;
  333 + span {
357 display: block; 334 display: block;
358 float: left; 335 float: left;
359 font-size: inherit; 336 font-size: inherit;
360 padding-right: pxToRem(15px); 337 padding-right: pxToRem(15px);
361 } 338 }
362 - p{ 339 + p {
363 overflow: hidden; 340 overflow: hidden;
364 } 341 }
365 } 342 }
366 - .time{ 343 + .time {
367 font-size: pxToRem(22px); 344 font-size: pxToRem(22px);
368 - color:$subFontC; 345 + color: $subFontC;
369 } 346 }
370 - .answer{ 347 + .answer {
371 font-size: pxToRem(24px); 348 font-size: pxToRem(24px);
372 line-height: pxToRem(36px); 349 line-height: pxToRem(36px);
373 - color:$subFontC; 350 + color: $subFontC;
374 margin-top: pxToRem(14px); 351 margin-top: pxToRem(14px);
375 - span{ 352 + span {
376 display: block; 353 display: block;
377 float: left; 354 float: left;
378 font-size: inherit; 355 font-size: inherit;
379 - color:$mainFontC; 356 + color: $mainFontC;
380 padding-right: pxToRem(15px); 357 padding-right: pxToRem(15px);
381 } 358 }
382 - p{ 359 + p {
383 overflow: hidden; 360 overflow: hidden;
384 } 361 }
385 } 362 }
386 } 363 }
387 -  
388 } 364 }
389 -  
390 -  
391 } 365 }
392 .comment-content-footer, 366 .comment-content-footer,
393 - .consult-content-footer{  
394 - 367 + .consult-content-footer {
395 min-height: pxToRem(88px); 368 min-height: pxToRem(88px);
396 text-align: center; 369 text-align: center;
397 background-color: #fff; 370 background-color: #fff;
398 -  
399 border-bottom: 1px solid $borderC; 371 border-bottom: 1px solid $borderC;
400 line-height: pxToRem(88px); 372 line-height: pxToRem(88px);
401 font-size: pxToRem(28px); 373 font-size: pxToRem(28px);
402 -  
403 - a{ 374 + a {
404 color: #e0e0e0; 375 color: #e0e0e0;
405 - .iconfont{ 376 + .iconfont {
406 font-size: inherit; 377 font-size: inherit;
407 } 378 }
408 } 379 }
409 -  
410 } 380 }
411 -  
412 .content.hide { 381 .content.hide {
413 display: none; 382 display: none;
414 } 383 }
415 } 384 }
416 -.feedback-list .nodata{ 385 + .feedback-list .nodata {
417 height: pxToRem(88px); 386 height: pxToRem(88px);
418 font-size: pxToRem(28px); 387 font-size: pxToRem(28px);
419 line-height: pxToRem(88px); 388 line-height: pxToRem(88px);
420 background-color: #fff; 389 background-color: #fff;
421 - padding:0 pxToRem(28px);  
422 - .go-consult{ 390 + padding: 0 pxToRem(28px);
  391 + .go-consult {
423 float: right; 392 float: right;
424 color: $subFontC; 393 color: $subFontC;
425 - span{ 394 + span {
426 font-size: pxToRem(28px); 395 font-size: pxToRem(28px);
427 } 396 }
428 } 397 }
429 -}  
430 - .enter-store{ 398 + }
  399 + .enter-store {
431 min-height: pxToRem(100px); 400 min-height: pxToRem(100px);
432 display: table; 401 display: table;
433 - a{ 402 + a {
434 display: table-cell; 403 display: table-cell;
435 vertical-align: middle; 404 vertical-align: middle;
436 text-align: left; 405 text-align: left;
437 } 406 }
438 - .store-logo{ 407 + .store-logo {
439 // padding-right: 35rem/$pxConvertRem; 408 // padding-right: 35rem/$pxConvertRem;
440 - img{ 409 + img {
441 width: pxToRem(109px); 410 width: pxToRem(109px);
442 height: pxToRem(68px); 411 height: pxToRem(68px);
443 margin-left: 0; 412 margin-left: 0;
444 margin-right: pxToRem(-25px); 413 margin-right: pxToRem(-25px);
445 } 414 }
446 } 415 }
447 - .store-name{ 416 + .store-name {
448 font-size: pxToRem(34px); 417 font-size: pxToRem(34px);
449 - color:$mainFontC; 418 + color: $mainFontC;
450 } 419 }
451 - .store-link{  
452 - font-size:pxToRem(28px) ;  
453 - color:$subFontC; 420 + .store-link {
  421 + font-size: pxToRem(28px);
  422 + color: $subFontC;
454 text-align: right; 423 text-align: right;
455 - span{ 424 + span {
456 font-size: inherit; 425 font-size: inherit;
457 } 426 }
458 } 427 }
459 } 428 }
460 - .goods-desc{  
461 - .service{ 429 + .goods-desc {
  430 + .service {
462 width: pxToRem(489px); 431 width: pxToRem(489px);
463 height: pxToRem(28px); 432 height: pxToRem(28px);
464 margin-top: pxToRem(22px); 433 margin-top: pxToRem(22px);
465 } 434 }
466 } 435 }
467 - .tips{  
468 - color:$subFontC; 436 + .tips {
  437 + color: $subFontC;
469 font-size: pxToRem(18px); 438 font-size: pxToRem(18px);
470 margin-top: pxToRem(20px); 439 margin-top: pxToRem(20px);
471 } 440 }
472 - .materials{  
473 - .detail{  
474 - img{ 441 + .materials {
  442 + .detail {
  443 + img {
475 display: block; 444 display: block;
476 overflow: hidden; 445 overflow: hidden;
477 width: pxToRem(90px); 446 width: pxToRem(90px);
@@ -479,23 +448,21 @@ $basicBtnC:#eb0313; @@ -479,23 +448,21 @@ $basicBtnC:#eb0313;
479 padding-right: pxToRem(20px); 448 padding-right: pxToRem(20px);
480 float: left; 449 float: left;
481 } 450 }
482 - .material-desc{ 451 + .material-desc {
483 font-size: pxToRem(24px); 452 font-size: pxToRem(24px);
484 overflow: hidden; 453 overflow: hidden;
485 -  
486 } 454 }
487 } 455 }
488 - .material-type{ 456 + .material-type {
489 width: pxToRem(581px); 457 width: pxToRem(581px);
490 height: pxToRem(99px); 458 height: pxToRem(99px);
491 border-top: 1px solid $borderC; 459 border-top: 1px solid $borderC;
492 padding: pxToRem(17px) 0; 460 padding: pxToRem(17px) 0;
493 } 461 }
494 } 462 }
495 -  
496 - .product-detail{  
497 - .detail{  
498 - img{ 463 + .product-detail {
  464 + .detail {
  465 + img {
499 margin-top: pxToRem(20px); 466 margin-top: pxToRem(20px);
500 width: pxToRem(581px); 467 width: pxToRem(581px);
501 height: pxToRem(772px); 468 height: pxToRem(772px);
@@ -503,32 +470,29 @@ $basicBtnC:#eb0313; @@ -503,32 +470,29 @@ $basicBtnC:#eb0313;
503 } 470 }
504 margin-bottom: pxToRem(120px); 471 margin-bottom: pxToRem(120px);
505 } 472 }
506 -  
507 - .detail-swiper{  
508 - .swiper-wrapper{ 473 + .detail-swiper {
  474 + .swiper-wrapper {
509 height: pxToRem(200px); 475 height: pxToRem(200px);
510 overflow: hidden; 476 overflow: hidden;
511 - .swiper-slide{ 477 + .swiper-slide {
512 width: pxToRem(114px); 478 width: pxToRem(114px);
513 - div{ 479 + div {
514 text-align: center; 480 text-align: center;
515 - &.cell{ 481 + &.cell {
516 font-size: pxToRem(24px); 482 font-size: pxToRem(24px);
517 background-color: $tableCellC; 483 background-color: $tableCellC;
518 - padding:pxToRem(15px) 0; 484 + padding: pxToRem(15px) 0;
519 border: 1px solid #fff; 485 border: 1px solid #fff;
520 } 486 }
521 } 487 }
522 } 488 }
523 } 489 }
524 } 490 }
525 -  
526 - #reference-swiper-container{  
527 -  
528 - .first-group{ 491 + #reference-swiper-container {
  492 + .first-group {
529 width: pxToRem(70px); 493 width: pxToRem(70px);
530 margin-top: pxToRem(66px); 494 margin-top: pxToRem(66px);
531 - .avatar{ 495 + .avatar {
532 line-height: pxToRem(40px); 496 line-height: pxToRem(40px);
533 width: pxToRem(40px); 497 width: pxToRem(40px);
534 height: pxToRem(40px); 498 height: pxToRem(40px);
@@ -536,45 +500,44 @@ $basicBtnC:#eb0313; @@ -536,45 +500,44 @@ $basicBtnC:#eb0313;
536 } 500 }
537 } 501 }
538 } 502 }
539 -  
540 - .measurement-method{  
541 - .detail{ 503 + .measurement-method {
  504 + .detail {
542 width: 100%; 505 width: 100%;
543 height: pxToRem(260px); 506 height: pxToRem(260px);
544 - img{  
545 - float:left; 507 + img {
  508 + float: left;
546 width: pxToRem(270px); 509 width: pxToRem(270px);
547 height: pxToRem(239px); 510 height: pxToRem(239px);
548 margin-top: pxToRem(18px); 511 margin-top: pxToRem(18px);
549 margin-right: pxToRem(28px); 512 margin-right: pxToRem(28px);
550 } 513 }
551 - .right-part{ 514 + .right-part {
552 overflow: hidden; 515 overflow: hidden;
553 - .title{  
554 - >h1{ 516 + .title {
  517 + >h1 {
555 margin-top: pxToRem(10px); 518 margin-top: pxToRem(10px);
556 display: inline-block; 519 display: inline-block;
557 padding-right: pxToRem(10px); 520 padding-right: pxToRem(10px);
558 border-right: 1px solid $borderC; 521 border-right: 1px solid $borderC;
559 line-height: 100%; 522 line-height: 100%;
560 } 523 }
561 - >span{ 524 + >span {
562 font-size: pxToRem(12px); 525 font-size: pxToRem(12px);
563 } 526 }
564 } 527 }
565 - ul.items{ 528 + ul.items {
566 margin-top: pxToRem(20px); 529 margin-top: pxToRem(20px);
567 padding: 0; 530 padding: 0;
568 line-height: pxToRem(30px); 531 line-height: pxToRem(30px);
569 font-size: pxToRem(13px); 532 font-size: pxToRem(13px);
570 - li{  
571 - span{ 533 + li {
  534 + span {
572 display: inline-block; 535 display: inline-block;
573 width: pxToRem(15px); 536 width: pxToRem(15px);
574 height: pxToRem(15px); 537 height: pxToRem(15px);
575 background-color: $basicBtnC; 538 background-color: $basicBtnC;
576 border-radius: 50%; 539 border-radius: 50%;
577 - color:#fff; 540 + color: #fff;
578 text-align: center; 541 text-align: center;
579 line-height: pxToRem(15px); 542 line-height: pxToRem(15px);
580 font-size: pxToRem(13px); 543 font-size: pxToRem(13px);
@@ -587,52 +550,52 @@ $basicBtnC:#eb0313; @@ -587,52 +550,52 @@ $basicBtnC:#eb0313;
587 clear:both; 550 clear:both;
588 } 551 }
589 } 552 }
590 - .cart-bar{ 553 + .cart-bar {
591 position: relative; 554 position: relative;
592 - box-sizing:border-box; 555 + box-sizing: border-box;
593 width: 100%; 556 width: 100%;
594 height: pxToRem(120px); 557 height: pxToRem(120px);
595 - position:fixed; 558 + position: fixed;
596 bottom: 0; 559 bottom: 0;
597 background-color: #fff; 560 background-color: #fff;
598 - z-index:2;  
599 - padding:pxToRem(20px) pxToRem(28px); 561 + z-index: 2;
  562 + padding: pxToRem(20px) pxToRem(28px);
600 text-align: center; 563 text-align: center;
601 - a{ 564 + a {
602 display: inline-block; 565 display: inline-block;
603 - &.num-incart{ 566 + &.num-incart {
604 font-size: pxToRem(47px); 567 font-size: pxToRem(47px);
605 - color:#444; 568 + color: #444;
606 } 569 }
607 - &.favorite{ 570 + &.favorite {
608 font-size: pxToRem(34px); 571 font-size: pxToRem(34px);
609 - color:$basicBtnC; 572 + color: $basicBtnC;
610 } 573 }
611 &.addto-cart, 574 &.addto-cart,
612 - &.sold-out{ 575 + &.sold-out {
613 height: pxToRem(80px); 576 height: pxToRem(80px);
614 width: pxToRem(260px); 577 width: pxToRem(260px);
615 - margin:0 pxToRem(100px) 0 pxToRem(115px); 578 + margin: 0 pxToRem(100px) 0 pxToRem(115px);
616 color: #fff; 579 color: #fff;
617 background-color: $basicBtnC; 580 background-color: $basicBtnC;
618 font-size: pxToRem(40px); 581 font-size: pxToRem(40px);
619 line-height: pxToRem(80px); 582 line-height: pxToRem(80px);
620 text-align: center; 583 text-align: center;
621 } 584 }
622 - &.sold-out{ 585 + &.sold-out {
623 background-color: #f58189; 586 background-color: #f58189;
624 } 587 }
625 } 588 }
626 - .num-tag{ 589 + .num-tag {
627 position: absolute; 590 position: absolute;
628 - left:pxToRem(66px); 591 + left: pxToRem(66px);
629 height: pxToRem(20px); 592 height: pxToRem(20px);
630 display: block; 593 display: block;
631 width: pxToRem(36px); 594 width: pxToRem(36px);
632 height: pxToRem(36px); 595 height: pxToRem(36px);
633 background-color: $basicBtnC; 596 background-color: $basicBtnC;
634 border-radius: 50%; 597 border-radius: 50%;
635 - color:#fff; 598 + color: #fff;
636 font-size: pxToRem(24px); 599 font-size: pxToRem(24px);
637 } 600 }
638 } 601 }
@@ -22,27 +22,28 @@ @@ -22,27 +22,28 @@
22 <h1 class="previousPrice">{{previousPrice}}</h1> 22 <h1 class="previousPrice">{{previousPrice}}</h1>
23 </div> 23 </div>
24 {{/goodsPrice}} 24 {{/goodsPrice}}
  25 +
25 {{#periodOfMarket}} 26 {{#periodOfMarket}}
26 <div class="periodOfMarket"> 27 <div class="periodOfMarket">
27 <h1>上市期：</h1> 28 <h1>上市期：</h1>
28 <h1 >{{.}}</h1> 29 <h1 >{{.}}</h1>
29 </div> 30 </div>
30 {{/periodOfMarket}} 31 {{/periodOfMarket}}
31 -</div> 32 + </div>
32 33
33 -{{# vipLevel}}  
34 -<div class="vipLevel"> 34 + {{# vipLevel}}
  35 + <div class="vipLevel">
35 {{# list}} 36 {{# list}}
36 -<span class="vip-img"> 37 + <span class="vip-img">
37 <img class="lazy" data-original="http://static.dev.yohobuy.com/img/product/silver.png" alt=""> 38 <img class="lazy" data-original="http://static.dev.yohobuy.com/img/product/silver.png" alt="">
38 -</span> 39 + </span>
39 <span class="vip-price">{{text}}</span> 40 <span class="vip-price">{{text}}</span>
40 {{/ list}} 41 {{/ list}}
41 -</div>  
42 -{{/ vipLevel}} 42 + </div>
  43 + {{/ vipLevel}}
43 44
44 -{{#goodsDiscount}}  
45 -<div class="goodsDiscount"> 45 + {{#goodsDiscount}}
  46 + <div class="goodsDiscount">
46 {{#each list}} 47 {{#each list}}
47 {{#if @first}} 48 {{#if @first}}
48 <h1 class="first-item">{{title}}<span class="icon-down iconfont dropdown">&#xe609;</span></h1> 49 <h1 class="first-item">{{title}}<span class="icon-down iconfont dropdown">&#xe609;</span></h1>
@@ -52,10 +53,10 @@ @@ -52,10 +53,10 @@
52 {{/if}} 53 {{/if}}
53 {{/list}} 54 {{/list}}
54 </div> 55 </div>
55 -</div>  
56 -{{/goodsDiscount}} 56 + </div>
  57 + {{/goodsDiscount}}
57 58
58 -<div class="feedback-list "> 59 + <div class="feedback-list ">
59 {{# feedbacks}} 60 {{# feedbacks}}
60 {{#if commentsNum}} 61 {{#if commentsNum}}
61 <!--tab begin--> 62 <!--tab begin-->
@@ -73,35 +74,32 @@ @@ -73,35 +74,32 @@
73 </div> 74 </div>
74 {{/if}} 75 {{/if}}
75 {{/if}} 76 {{/if}}
76 -  
77 -  
78 -  
79 {{/ feedbacks}} 77 {{/ feedbacks}}
80 -</div> 78 + </div>
81 79
82 -<div class="gap-block"></div> 80 + <div class="gap-block"></div>
83 81
84 -{{# enterStore}}  
85 -<div class="enter-store page-block"> 82 + {{# enterStore}}
  83 + <div class="enter-store page-block">
86 <a class="store-logo" href="{{url}}" style=""> 84 <a class="store-logo" href="{{url}}" style="">
87 <img class="lazy" data-original="{{img}}" alt="{{storeName}}"> 85 <img class="lazy" data-original="{{img}}" alt="{{storeName}}">
88 </a> 86 </a>
89 <a class="store-name" href="{{url}}">{{storeName}}</a> 87 <a class="store-name" href="{{url}}">{{storeName}}</a>
90 <a class="store-link" href="{{url}}">进入店铺<span class="iconfont">&#xe604;</span></a> 88 <a class="store-link" href="{{url}}">进入店铺<span class="iconfont">&#xe604;</span></a>
91 -</div>  
92 -{{/ enterStore}} 89 + </div>
  90 + {{/ enterStore}}
93 91
94 -<div class="gap-block"></div> 92 + <div class="gap-block"></div>
95 93
96 -{{#goodsDescription}}  
97 -<div class="goods-desc page-block"> 94 + {{#goodsDescription}}
  95 + <div class="goods-desc page-block">
98 <img class="service lazy" data-original="http://static.dev.yohobuy.com/img/product/service.png" alt=""> 96 <img class="service lazy" data-original="http://static.dev.yohobuy.com/img/product/service.png" alt="">
99 <h1 class="title"> 97 <h1 class="title">
100 {{title}} 98 {{title}}
101 <span class="en-title">{{enTitle}}</span> 99 <span class="en-title">{{enTitle}}</span>
102 -</h1>  
103 -{{#detail}}  
104 -<div class="detail table"> 100 + </h1>
  101 + {{#detail}}
  102 + <div class="detail table">
105 <div class="row"> 103 <div class="row">
106 <div class="column">编号：{{nubmer}}</div> 104 <div class="column">编号：{{nubmer}}</div>
107 <div class="column">帽型：{{hatType}}</div> 105 <div class="column">帽型：{{hatType}}</div>
@@ -118,21 +116,21 @@ @@ -118,21 +116,21 @@
118 <div class="column">性别：{{gender}}</div> 116 <div class="column">性别：{{gender}}</div>
119 <div class="column">风格：{{style}}</div> 117 <div class="column">风格：{{style}}</div>
120 </div> 118 </div>
121 -</div>  
122 -{{/detail}}  
123 -</div>  
124 -{{/goodsDescription}} 119 + </div>
  120 + {{/detail}}
  121 + </div>
  122 + {{/goodsDescription}}
125 123
126 -<div class="gap-block"></div> 124 + <div class="gap-block"></div>
127 125
128 -{{#sizeInfo}}  
129 -<div class="size-info page-block"> 126 + {{#sizeInfo}}
  127 + <div class="size-info page-block">
130 <h1 class="title"> 128 <h1 class="title">
131 {{title}} 129 {{title}}
132 <span class="en-title">{{enTitle}}</span> 130 <span class="en-title">{{enTitle}}</span>
133 -</h1>  
134 -{{#detail}}  
135 -<div class="detail"> 131 + </h1>
  132 + {{#detail}}
  133 + <div class="detail">
136 <div class="swiper-container detail-swiper" id="size-swiper-container"> 134 <div class="swiper-container detail-swiper" id="size-swiper-container">
137 <div class="swiper-wrapper"> 135 <div class="swiper-wrapper">
138 {{#list}} 136 {{#list}}
@@ -143,17 +141,17 @@ @@ -143,17 +141,17 @@
143 </div> 141 </div>
144 {{/list}} 142 {{/list}}
145 </div> 143 </div>
146 -</div>  
147 -<p class="tips">提示：左滑查看完整表格信息</p>  
148 -</div>  
149 -{{/detail}}  
150 -</div>  
151 -{{/sizeInfo}} 144 + </div>
  145 + <p class="tips">提示：左滑查看完整表格信息</p>
  146 + </div>
  147 + {{/detail}}
  148 + </div>
  149 + {{/sizeInfo}}
152 150
153 -<div class="gap-block"></div> 151 + <div class="gap-block"></div>
154 152
155 -{{#measurementMethod}}  
156 -<div class="measurement-method page-block"> 153 + {{#measurementMethod}}
  154 + <div class="measurement-method page-block">
157 <h1 class="title"> 155 <h1 class="title">
158 {{title}} 156 {{title}}
159 <span class="en-title">{{enTitle}}</span> 157 <span class="en-title">{{enTitle}}</span>
@@ -210,44 +208,44 @@ @@ -210,44 +208,44 @@
210 <p class="tips">提示:左滑查看完整表格信息</p> 208 <p class="tips">提示:左滑查看完整表格信息</p>
211 </div> 209 </div>
212 {{/detail}} 210 {{/detail}}
213 -</div>  
214 -{{/reference}} 211 + </div>
  212 + {{/reference}}
215 213
216 -<div class="gap-block"></div> 214 + <div class="gap-block"></div>
217 215
218 -{{#materials}}  
219 -<div class="materials page-block"> 216 + {{#materials}}
  217 + <div class="materials page-block">
220 <h1 class="title"> 218 <h1 class="title">
221 {{title}} 219 {{title}}
222 <span class="en-title">{{enTitle}}</span> 220 <span class="en-title">{{enTitle}}</span>
223 -</h1>  
224 -<div class="detail"> 221 + </h1>
  222 + <div class="detail">
225 <img class="lazy" data-original="{{img}}" alt=""> 223 <img class="lazy" data-original="{{img}}" alt="">
226 <p class="material-desc"> 224 <p class="material-desc">
227 {{desc}} 225 {{desc}}
228 </p> 226 </p>
229 -</div>  
230 -<img class="lazy material-type" data-original="{{materialType}}" alt="" >  
231 -</div>  
232 -{{/materials}} 227 + </div>
  228 + <img class="lazy material-type" data-original="{{materialType}}" alt="" >
  229 + </div>
  230 + {{/materials}}
233 231
234 -<div class="gap-block"></div> 232 + <div class="gap-block"></div>
235 233
236 -{{#productDetail}}  
237 -<div class="product-detail page-block"> 234 + {{#productDetail}}
  235 + <div class="product-detail page-block">
238 <h1 class="title"> 236 <h1 class="title">
239 {{title}} 237 {{title}}
240 <span class="en-title">{{enTitle}}</span> 238 <span class="en-title">{{enTitle}}</span>
241 -</h1>  
242 -<div class="detail"> 239 + </h1>
  240 + <div class="detail">
243 <p>{{desc}}</p> 241 <p>{{desc}}</p>
244 <img class="lazy" data-original="{{img}}" alt=""> 242 <img class="lazy" data-original="{{img}}" alt="">
245 -</div>  
246 -</div>  
247 -{{/productDetail}} 243 + </div>
  244 + </div>
  245 + {{/productDetail}}
248 246
249 -{{#cartInfo}}  
250 -<div class="cart-bar"> 247 + {{#cartInfo}}
  248 + <div class="cart-bar">
251 <span class="num-tag">{{numInCart}}</span> 249 <span class="num-tag">{{numInCart}}</span>
252 <a href="" class="num-incart iconfont">&#xe62c;</a> 250 <a href="" class="num-incart iconfont">&#xe62c;</a>
253 {{#if goodsInstore}} 251 {{#if goodsInstore}}
@@ -256,7 +254,8 @@ @@ -256,7 +254,8 @@
256 <a href="" class="sold-out">已售罄</a> 254 <a href="" class="sold-out">已售罄</a>
257 {{/if}} 255 {{/if}}
258 <a href="" class="favorite iconfont">&#xe605;</a> 256 <a href="" class="favorite iconfont">&#xe605;</a>
259 -</div>  
260 -{{/cartInfo}} 257 + </div>
  258 + {{/cartInfo}}
  259 +
261 </div> 260 </div>
262 {{> layout/footer}} 261 {{> layout/footer}}