...
|
...
|
@@ -2,62 +2,63 @@ |
|
|
* @Author: Targaryen
|
|
|
* @Date: 2017-05-03 14:08:52
|
|
|
* @Last Modified by: Targaryen
|
|
|
* @Last Modified time: 2017-05-08 16:35:32
|
|
|
* @Last Modified time: 2017-05-09 11:13:08
|
|
|
*/
|
|
|
|
|
|
.product-list-box {
|
|
|
margin: 40px 20px 30px;
|
|
|
overflow-x: scroll;
|
|
|
overflow-y: hidden;
|
|
|
}
|
|
|
|
|
|
.product-list {
|
|
|
height: 138px;
|
|
|
overflow-y: hidden;
|
|
|
display: inline-flex;
|
|
|
|
|
|
.goods-box {
|
|
|
width: 320px;
|
|
|
height: 138px;
|
|
|
border-radius: 8px;
|
|
|
float: left;
|
|
|
margin-right: 20px;
|
|
|
background-color: #f0f0f0;
|
|
|
.guang-list-page {
|
|
|
.product-list-box {
|
|
|
margin: 40px 20px 0;
|
|
|
overflow-x: scroll;
|
|
|
overflow-y: hidden;
|
|
|
}
|
|
|
|
|
|
.goods-box > .goods-img {
|
|
|
width: 106px;
|
|
|
.product-list {
|
|
|
height: 138px;
|
|
|
float: left;
|
|
|
overflow-y: hidden;
|
|
|
display: inline-flex;
|
|
|
|
|
|
img {
|
|
|
border-bottom-left-radius: 8px;
|
|
|
border-top-left-radius: 8px;
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
.goods-box {
|
|
|
width: 320px;
|
|
|
height: 138px;
|
|
|
border-radius: 8px;
|
|
|
float: left;
|
|
|
margin-right: 20px;
|
|
|
background-color: #f0f0f0;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.goods-box > .goods-info {
|
|
|
width: 214px;
|
|
|
height: 138px;
|
|
|
padding: 16px;
|
|
|
float: left;
|
|
|
.goods-box > .goods-img {
|
|
|
width: 106px;
|
|
|
height: 138px;
|
|
|
float: left;
|
|
|
|
|
|
.title {
|
|
|
font-size: 22px;
|
|
|
color: #444;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
display: -webkit-box;
|
|
|
-webkit-line-clamp: 2;
|
|
|
-webkit-box-orient: vertical;
|
|
|
img {
|
|
|
border-bottom-left-radius: 8px;
|
|
|
border-top-left-radius: 8px;
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.price {
|
|
|
color: #d0021b;
|
|
|
font-size: 20px;
|
|
|
margin-top: 20px;
|
|
|
.goods-box > .goods-info {
|
|
|
width: 214px;
|
|
|
height: 138px;
|
|
|
padding: 16px;
|
|
|
float: left;
|
|
|
|
|
|
.title {
|
|
|
font-size: 22px;
|
|
|
color: #444;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
display: -webkit-box;
|
|
|
-webkit-line-clamp: 2;
|
|
|
-webkit-box-orient: vertical;
|
|
|
}
|
|
|
|
|
|
.price {
|
|
|
color: #d0021b;
|
|
|
font-size: 20px;
|
|
|
margin-top: 20px;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
} |
...
|
...
|
|