Authored by 阿达

修改sale css

... ... @@ -15,7 +15,7 @@ var homePage = $('.home-page').data('page'),
require('../common');
require('../plugins/slider');
require('../plugins/logo-brand');
require('../product/index/logo-brand');
require('../plugins/accordion');
... ... @@ -27,7 +27,7 @@ $(document).on('mouseout', '.imgopacity a img', function() {
});
if ($.inArray(homePage, ['boys', 'girls', 'kids', 'lifestyle']) > -1) {
require('../plugins/new-arrivls')({
require('../product/index/new-arrivls')({
type: homePage,
url: '/common/getNewArrival',
count: (homePage === 'boys') || (homePage === 'lifestyle') ? 5 : 4,
... ...
... ... @@ -73,6 +73,7 @@
margin-left: 10px;
padding-right: 5px;
padding-left: 5px;
font-weight: bold;
}
.vip-tag {
... ...
... ... @@ -417,66 +417,6 @@
color: #565656;
font-size: 13px;
}
span.vip-tag {
background-image: resolve("sale/vip.png");
background-repeat: no-repeat;
background-size: 100% 90%;
width: 40px;
color: #fff;
font-style: italic;
margin-right: 5px;
margin-left: 5px;
width: 30px;
}
span.vip-1 {
background-image: resolve("product/silver-small.png");
background-repeat: no-repeat;
width: 30px;
display: inline-block;
height: 12px;
color: #fff;
font-style: italic;
margin-right: 5px;
margin-left: 5px;
position: absolute;
}
span.vip-2 {
background-image: resolve("product/golden-small.png");
background-repeat: no-repeat;
width: 30px;
display: inline-block;
height: 12px;
color: #fff;
font-style: italic;
margin-right: 5px;
margin-left: 5px;
position: absolute;
}
span.vip-3 {
background-image: resolve("product/platinum-small.png");
background-repeat: no-repeat;
width: 30px;
display: inline-block;
height: 12px;
color: #fff;
font-style: italic;
margin-right: 5px;
margin-left: 5px;
position: absolute;
}
.price-sale {
margin-left: 10px;
padding-left: 10px;
width: 36px;
height: 20px;
line-height: 20px;
background: url('../assets/images/furniture/sale-tag-bg.png?1450667948');
color: #fff;
}
}
}
... ... @@ -498,10 +438,36 @@
.good-info {
.good-detail-text {
> a {
margin-top: 16px;
line-height: 1.5;
display: block;
text-align: center;
@mixin ellipsis;
}
> .price {
margin-top: 5px;
text-align: center;
}
.brand {
display: none;
}
.market-price {
text-decoration: line-through;
margin-right: 15px;
color: #444;
font-weight: bold;
}
> .price {
margin-top: 5px;
font-weight: bold;
}
}
}
}
... ...