fe / YOHOBUYPC · Commits

Go to a project

Authored by Lynnic
Commit 42c5a0733f953e0191c14c5b5c08d7c4aaaadd82 2 parents c0a17336 f006b8ce

update

Inline Side-by-side
Showing 5 changed files with 47 additions and 117 deletions
... ... @@ -1064,14 +1064,13 @@
'bannerTop': {
'list': [
{
'url' : '',
'img' : ''
},
...
]
},
'goodsName' : 'Stussy No. 4 BOX TEE ',
'goodsSubtitle' : '【全民拼抢购】经典印花T恤，满4件免一件！',
'goodsSubtitle' : '【全民拼抢购】经典印花T恤，满4件免一件！',
'goodsPrice' : {
'currentPrice' : '¥298.00',
... ... @@ -1082,7 +1081,6 @@
'vipLevel' : {
'list' : [
{
'img':'',
'text' : '¥284.00'
},
...
... ... @@ -1092,8 +1090,7 @@
'listLength' : 2,
'list' : [
{
'text' : '【BACK TO SCHOOL】满￥499赠送Paul
Franke帽子一个，多买多送！'
'text' : '【BACK TO SCHOOL】满￥499赠送Paul Franke帽子一个，多买多送！'
},
...
]
... ... @@ -1130,18 +1127,13 @@
'goodsDescription' : {
'title' : '商品描述',
'enTitle' : 'DESCRIPTON',
'detail' : {
'nubmer' : '51018059',
'color' : '黑',
'type' : '帽子',
'gender' : '女款',
'hatType' : '棒球帽',
'bongrace' : '平檐款式',
'goodsDetail' : '字母图案',
'style' : '街头'
},
'desc':'商品描述信息';
'detail' : [
{
'param' : '编号: 51018059'
},
...
],
'desc': 'balabala'
},
'sizeInfo' : {
... ... @@ -1164,19 +1156,10 @@
},
'measurementMethod' : {
'title' : '测量方式',
'enTitle' : '',
'detail' : {
'sort' : '上衣' ,
'enSort' : 'TOPS',
'img' : '',
'items' : [
'item' : '肩宽(两端肩线间的直线长度)',
...
]
}
},
'title': '测量方式',
'enTitle': 'MEASUREMENT METHOD',
'img' : '',
},
'reference' : {
'title' : '模特试穿',
... ...
... ... @@ -62,11 +62,12 @@ function initInfosEvt($container) {
$btn,
$info;
e.preventDefault();
//e.preventDefault();
//点赞
$btn = $this.closest('.like-btn');
if ($btn.length > 0) {
e.preventDefault();
if ($btn.hasClass('like')) {
opt = 'cancel';
}
... ... @@ -99,6 +100,7 @@ function initInfosEvt($container) {
//APP收藏
$btn = $this.closest('.collect-btn');
if ($btn.length > 0) {
e.preventDefault();
if ($btn.hasClass('collected')) {
opt = 'cancel';
}
... ...
... ... @@ -196,12 +196,21 @@ $basicBtnC:#eb0313;
display: table-cell;
vertical-align: middle;
}
.vip-img {
.vip-img{
padding-right: pxToRem(22px);
img {
img{
width: pxToRem(52px);
height: pxToRem(32px);
}
&:nth-child(3n-3) {
background: image-url('product/silver.png') no-repeat;
}
&:nth-child(3n-2) {
background: image-url('product/golden.png') no-repeat;
}
&:nth-child(3n-1) {
background: image-url('product/platinum.png') no-repeat;
}
}
.vip-price {
padding-right: pxToRem(55px);
... ... @@ -514,48 +523,11 @@ $basicBtnC:#eb0313;
height: pxToRem(260px);
img {
float: left;
width: pxToRem(270px);
width: 100%;
height: pxToRem(239px);
margin-top: pxToRem(18px);
margin-right: pxToRem(28px);
}
.right-part {
overflow: hidden;
.title {
>h1 {
margin-top: pxToRem(10px);
display: inline-block;
padding-right: pxToRem(10px);
border-right: 1px solid $borderC;
line-height: 100%;
}
>span {
font-size: pxToRem(12px);
}
}
ul.items {
margin-top: pxToRem(20px);
padding: 0;
line-height: pxToRem(30px);
font-size: pxToRem(13px);
li {
span {
display: inline-block;
width: pxToRem(15px);
height: pxToRem(15px);
background-color: $basicBtnC;
border-radius: 50%;
color: #fff;
text-align: center;
line-height: pxToRem(15px);
font-size: pxToRem(13px);
margin-right: pxToRem(12px);
vertical-align: text-bottom;
}
}
}
}
clear:both;
}
}
... ...
... ... @@ -29,18 +29,18 @@
<h1 >{{.}}</h1>
</div>
{{/periodOfMarket}}
</div>
</div>
{{# vipLevel}}
<div class="vipLevel">
{{# list}}
<span class="vip-img">
<img class="lazy" data-original="http://static.dev.yohobuy.com/img/product/silver.png" alt="">
</span>
<span class="vip-price">{{text}}</span>
{{/ list}}
</div>
{{/ vipLevel}}
{{# vipLevel}}
<div class="vipLevel">
{{# list}}
<span class="vip-img">
<img class="img" alt="">
</span>
<span class="vip-price">{{text}}</span>
{{/ list}}
</div>
{{/ vipLevel}}
{{#goodsDiscount}}
<div class="goodsDiscount">
... ... @@ -95,24 +95,13 @@
<span class="en-title">{{enTitle}}</span>
</h1>
{{#detail}}
<div class="detail table">
<div class="row">
<div class="column">编号：{{nubmer}}</div>
<div class="column">帽型：{{hatType}}</div>
</div>
<div class="row">
<div class="column">颜色：{{color}}</div>
<div class="column">帽檐：{{bongrace}}</div>
</div>
<div class="row">
<div class="column">类型：{{type}}</div>
<div class="column">细节：{{goodsDetail}}</div>
</div>
<div class="row">
<div class="column">性别：{{gender}}</div>
<div class="column">风格：{{style}}</div>
</div>
</div>
<ul class="detail table clearfix">
{{# list}}
<li class="row">
<div class="column">{{param}}</div>
</li>
{{/ list}}
</ul>
{{/detail}}
<div class="desc-text">{{desc}}</div>
</div>
... ... @@ -153,24 +142,8 @@
{{title}}
<span class="en-title">{{enTitle}}</span>
</h1>
{{#detail}}
<div class="detail" style="width:100%">
<img class="lazy" data-original="{{img}}" alt="">
<div class="right-part">
<div class="title">
<h1 >{{sort}}</h1>
<span>{{enSort}}</span>
</div>
<ul class="items">
{{#each items}}
<li>
<span>{{@index}}</span>
{{this}}</li>
{{/items}}
</ul>
</div>
</div>
{{/detail}}
</div>
{{/measurementMethod}}
... ...
... ... @@ -3,7 +3,7 @@
<ul class="swiper-wrapper">
{{# list}}
<li class="swiper-slide">
<a href="{{url}}">
<a href="javascript:;">
<img src="{{img}}" alt="">
</a>
</li>
... ...