wangshusheng / YOHOBUYPC · Commits

Go to a project

Authored by biao
Commit 91f25f33ca9ff37ffa3f716d165d4bfdfa6f582b 2 parents 8cd4fc81 20716c15

fix footer position fixed bug. code review by LZF

Inline Side-by-side
Showing 8 changed files with 60 additions and 44 deletions
... ... @@ -1096,13 +1096,13 @@
'vipLevel' : {
'list' : [
{
'text' : '¥284.00'
'text' : '¥284.00',
'currentLevel':true
},
...
]
},
'goodsDiscount' : {
'listLength' : 2,
'list' : [
{
'text' : '【BACK TO SCHOOL】满￥499赠送Paul Franke帽子一个，多买多送！'
... ... @@ -1234,12 +1234,29 @@
},
'cartInfo' : {
'numInCart' : 3,
'goodsInstore' : 0,
'isCollect':true//
'cartUrl':'购物车url',
'addToCartUrl':'添加购物车url',
'soldOut':'已售罄',
'notForSale':'非卖品'
},
'introUrl' : '',
'id' : '',
'preferenceUrl' :''
}
### 咨询列表页面
{
'link' : '咨询表单跳转url',
'consults':{
'list' : [
{
'question':'',
'time':'',
'answer':''
}
...
]
}
}
### 支付中心
{
... ...
... ... @@ -53,6 +53,8 @@ function search() {
$productDesc = $('#productDesc');
$productDesc.append(data);
window.rePosFooter();
lazyLoad($productDesc.find('img.lazy'));
//尺码信息左右滑动
... ...
... ... @@ -16,6 +16,7 @@ var goodsDiscountEl = document.getElementById('goodsDiscount'),
goodsDiscountHammer = goodsDiscountEl && new Hammer(goodsDiscountEl);
var $cart = $('.cart-bar');
var UA = navigator.userAgent.toLowerCase().toString();
require('./desc');
require('./comments-consults');
... ... @@ -81,4 +82,7 @@ $.ajax({
}
});
if (UA.indexOf('mqqbrowser') > -1) {
$('.detail > div').removeClass('column').addClass('oldbox');
}
require('./like');
... ...
... ... @@ -24,6 +24,9 @@ if (preferenceUrl) {
watchSlidesVisibility: true
});
}
window.rePosFooter();
}).fail(function() {
$recommendForYou.hide();
});
... ...
... ... @@ -280,7 +280,7 @@
}
}
}
.comment-content-footer,
.consult-content-footer {
min-height: pxToRem(88px);
... ... @@ -290,7 +290,7 @@
line-height: pxToRem(88px);
font-size: pxToRem(28px);
a {
color: #e0e0e0;
color: #b0b0b0;
.iconfont {
font-size: inherit;
}
... ...
... ... @@ -46,7 +46,7 @@ $basicBtnC:#eb0313;
.column {
box-sizing: border-box;
//padding: pxToRem(20px) pxToRem(12px);
padding: 4% 3%;
padding: pxToRem(6px) 3%;
width: 49.9%;
border-bottom: pxToRem(4px) solid #fff;
border-right: pxToRem(4px) solid #fff;
... ... @@ -64,6 +64,20 @@ $basicBtnC:#eb0313;
flex-basis: 49.9%
))
}
.oldbox{
padding: pxToRem(6px) 3%;
width: 49.9%;
background-color: $tableCellC;
box-sizing: border-box;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
width: 49.9%;
height: 100%;
float: left;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
}
}
}
... ...
... ... @@ -11,10 +11,6 @@
background-size: cover;
}
.detail{
// background-color: $tableCellC;
// &.table .inner-container{
// background-color: $tableCellC;
// }
margin-bottom: 1px;
}
.desc-text {
... ... @@ -42,30 +38,21 @@
.detail {
.material-item{
margin: pxToRem(10px) 0;
@include flexbox((
display: box,
box-align: center
), $version: 1);
@include flexbox((
display: flex,
align-items: center
));
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
img {
margin: 0;
}
.material-image {
width: 23%;
@include flexbox((
box-flex: 1.0,
display: box,
box-pack: center
), $version: 1);
@include flexbox((
display: flex,
flex-basis: 23%,
justify-content: center
));
position: absolute;
left: 0;
top: 50%;
@include transform(translateY(-50%))
}
.material-desc {
font-size: pxToRem(24px);
... ... @@ -76,15 +63,8 @@
line-height: pxToRem(38px);
color: #4b4b4b;
word-wrap: break-word;
width: 76.9;
@include flexbox((
box-flex: 1.0,
display: box
), $version: 1);
@include flexbox((
display: flex,
flex-basis: 76.9%
));
width: 76.9%;
float: right;
}
&:last-child{
border-bottom: none;
... ...
... ... @@ -22,13 +22,9 @@
<p>{{answer}}</p>
</div>
</div>
{{/list}}
</div>
{{/ consults}}
{{#if loadmore}}
<input id="loadMoreUrl" type="hidden" value="{{loadMoreUrl}}">
{{/if}}
</div>
{{> layout/footer}}
... ...