Authored by htoooth

fix css

... ... @@ -350,7 +350,7 @@ const _getSkuDataByProductBaseInfo = (data) => {
goodsId: size.size_id,
notify: size.notify,
soldOut: _.parseInt(size.storage_number) === 0,
info: _.get(size, 'size_info', '').replace(/:/ig, '/')
info: _.get(size, 'size_info', '').replace(/:/ig, '/').replace(/ /ig, '  ')
});
// 单个sku商品的总数
... ... @@ -765,8 +765,8 @@ const _getProductModelCard = (sortId, sizeInfo) => {
const TYPE_SORT = {
1: ['height', 'weight', 'shoulderWidth', 'bust', 'waist', 'dressSize'], // 上衣
3: ['height', 'weight', 'shoulderWidth', 'waist', 'hip', 'downDressSize'], // 裤子
4: ['height', 'weight', 'shoulderWidth', 'waist', 'hip', 'downDressSize'] // 裙子
3: ['height', 'weight', 'waist', 'hip', 'downDressSize'], // 裤子
4: ['height', 'weight', 'waist', 'hip', 'downDressSize'] // 裙子
};
const local_ = {
... ...
... ... @@ -3,7 +3,7 @@
<span class="title pull-left">&nbsp;&nbsp;销: </span>
{{#if_cond activity.length '>=' 3}}
<div class="activity-title">展开全部促销 <span class="iconfont index">&#xe610;</span> </div>
<div class="activity-title"><span>展开全部促销</span> <i class="iconfont index">&#xe610;</i> </div>
{{/if_cond}}
<div class="activity-container">
... ...
... ... @@ -368,13 +368,20 @@ bindEvent.add(function() {
fold: '&#xe615;'
};
var promotionText = {
unfold: '展开全部促销',
fold: '收起促销'
};
$('.activity-title').click(function() {
$(this).toggleClass('active');
if ($(this).hasClass('active')) {
$(this).find('span').html(icon.fold);
$(this).find('i').html(icon.fold);
$(this).find('span').html(promotionText.fold);
$('.activity-container').slideDown(400);
} else {
$(this).find('span').html(icon.unfold);
$(this).find('i').html(icon.unfold);
$(this).find('span').html(promotionText.unfold);
$('.activity-container').slideUp(400);
}
});
... ...
... ... @@ -940,73 +940,6 @@
}
}
.fixednav {
position: fixed;
top: -30px;
margin-left: 961px;
}
.shoppingCar {
background-color: #f5f5f5;
float: left;
height: 240px;
width: 186px;
border-right: 1px solid #eaeceb;
height: 1000px;
margin-top: 29px;
.shoppingCar-btn {
display: none;
height: 48px;
line-height: 45px;
text-align: center;
color: #fff;
background-color: #d0021b;
font-size: 16px;
cursor: pointer;
.iconfont {
font-size: 22px;
margin-right: 5px;
}
&:hover {
background: #eb3b19;
background: rgba(233, 38, 1, 0.8);
}
&.disable {
background: #ccc;
border: 1px solid #ccc;
color: white;
}
}
.shoppingCar-nav {
padding: 20px 30px 0px 30px;
li {
display: block;
font-size: 16px;
line-height: 36px;
text-align: center;
a {
color: #999;
font-size: 15px;
}
.fixed {
color: #000;
font-size: 18px;
}
}
}
}
.bottom-tab {
.bottom-title {
... ... @@ -2228,6 +2161,32 @@
background: resolve("product/coupon-big.png") no-repeat;
margin: 20px auto;
}
::-webkit-scrollbar {
width: 14px;
height: 14px;
margin-right: -10px;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
border-radius: 999px;
border: 5px solid transparent;
}
::-webkit-scrollbar-track {
box-shadow: 0 0 6px rgba(0, 0, 0, 0) inset;
}
::-webkit-scrollbar-thumb {
min-height: 20px;
background-clip: content-box;
box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2) inset;
}
::-webkit-scrollbar-corner {
background: transparent;
}
}
.common-consults {
... ...