Authored by unknown

h5 边线不对齐

... ... @@ -110,6 +110,7 @@ module.exports = {
}, {
hotBrands: {
name: '热门品牌',
more: 'www.baidu.com',
brands: [{
url: '',
img: 'http://img11.static.yhbimg.com/brandLogo/2014/12/24/17/010c9d590aa72776d6fa9c7b29c0dbf02e.jpg?imageMogr2/thumbnail/100x100/extent/100x100/background/d2hpdGU=/position/center',
... ... @@ -134,7 +135,8 @@ module.exports = {
url: '',
img: 'http://img13.static.yhbimg.com/brandLogo/2014/01/10/15/02e40864fc98561c2aac569e4affa3445a.jpg?imageMogr2/thumbnail/100x100/extent/100x100/background/d2hpdGU=/position/center',
name: 'EVISU'
}]
}],
}
}, {
trendColloaction: {
... ... @@ -188,44 +190,6 @@ module.exports = {
}
}, {
goodsCategory: {
name: '潮流上装',
more: '',
banner: {
list: [{
img: 'http://img10.static.yhbimg.com/yhb-img01/2015/07/09/18/0119ffceddb0819d36d74b408bd743b4a9.jpg?imageView/2/w/640/h/640',
url: ''
}, {
img: 'http://img10.static.yhbimg.com/yhb-img01/2015/07/09/18/0119ffceddb0819d36d74b408bd743b4a9.jpg?imageView/2/w/640/h/640',
url: ''
}, {
img: 'http://img10.static.yhbimg.com/yhb-img01/2015/07/09/18/0119ffceddb0819d36d74b408bd743b4a9.jpg?imageView/2/w/640/h/640',
url: ''
}]
},
list: [{
url: '',
img: 'http://img13.static.yhbimg.com/goodsimg/2015/04/10/05/029bef1041343ea2e31dc0423f2f176589.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
textCn: '手表'
}, {
url: '',
img: 'http://img12.static.yhbimg.com/goodsimg/2015/07/07/09/02271a775d17649860abec4387b4559e26.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
textCn: '烛台'
}, {
url: '',
img: 'http://img12.static.yhbimg.com/goodsimg/2015/05/19/07/02a269d20ed44803eee33e255fe88d7873.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
textCn: '围巾'
}, {
url: '',
img: 'http://img13.static.yhbimg.com/goodsimg/2015/06/01/07/02fe94083352435ce53b5d90812cc5bdbd.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
textCn: '盘子'
}, {
url: '',
img: 'http://img12.static.yhbimg.com/goodsimg/2015/07/08/07/028db8a2afbe4ecbf37bebc7e98e8e1e80.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
textCn: '耳机'
}]
}
}, {
goodsCategory: {
name: '经典裤装',
more: '',
banner: {
... ...
... ... @@ -2,10 +2,12 @@
position: relative;
height: 400rem / $pxConvertRem;
overflow: hidden;
ul {
li {
float: left;
width: 100%;
a, img {
display: block;
width: 100%;
... ... @@ -13,14 +15,17 @@
}
}
}
.swiper-pagination {
position: absolute;
left: 0;
right: 0;
bottom: 20rem / $pxConvertRem;
text-align: center;
.pagination-inner {
display: inline-block;
span {
display: inline-block;
width: 14rem / $pxConvertRem;
... ... @@ -30,6 +35,7 @@
margin: 0 (9rem / $pxConvertRem);
border-radius: 50%;
}
span.swiper-pagination-bullet-active {
opacity: 1;
}
... ... @@ -37,30 +43,37 @@
}
}
.goods-category{
.goods-category {
background: #fff;
}
.goods-category .category-list {
height: 383rem / $pxConvertRem;
height: 382rem / $pxConvertRem;
border-bottom: 1px solid #e0e0e0;
overflow: hidden;
li {
float: left;
width: 191rem / $pxConvertRem;
height: 191rem / $pxConvertRem;
border-left: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
.first-show {
display: none;
}
.img-box {
height: 100%;
line-height: 100%;
text-align: center;
img {
width: 100%;
height: 100%;
vertical-align: middle;
}
}
.category-name {
line-height: 32rem / $pxConvertRem;
font-size: 20rem / $pxConvertRem;
... ... @@ -68,17 +81,24 @@
text-align: center;
}
}
li:first-child {
width: 253rem / $pxConvertRem;
height: 383rem / $pxConvertRem;
height: 382rem / $pxConvertRem;
border-left: none;
.img-box {
height: 100%;
line-height: 100%;
}
.category-name {
line-height: 40rem / $pxConvertRem;
font-size: 22rem / $pxConvertRem;
}
}
li:nth-child(4), li:nth-child(5) {
border-top: 1px solid #e0e0e0;
}
}
\ No newline at end of file
... ...