floor_more.html
2.69 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<style>
/*首页无限加载loading图*/
.floor_body2 { width:100%; margin:auto; overflow:hidden;background: #eee;margin-top: -0.01rem; }
.floor_body2 h2 {height:50px; line-height:50px;font-size: 16px;font-weight: normal;color:#999; text-align:center; }
.floor_body2 ul { width:95%; text-align: center; overflow:hidden;}
.floor_body2 ul li { width:48.2%; float: left; margin-top:10px; background:#FFF; overflow:hidden;padding-bottom:2%; }
.floor_body2 ul li:nth-child(even) {float: right}
.floor_body2 ul li .index_pro{ width:100%; overflow:hidden; margin:auto;}
.floor_body2 ul li .products_kuang {font-size: 0; width:100%; margin:auto;overflow: hidden; position:relative;text-align: center;}
.floor_body2 ul li .products_kuang img{ display:inline-block;*display: inline;*zoom: 1;vertical-align: middle; max-width:100%; max-height:100%; margin:auto;}
/*首页猜你喜欢商品名称修改 20170418*/
.floor_body2 ul li .goods_name { width:93%; margin:auto;text-align:left; color:#666; font-size:14px;line-height: 18px;height:36px; margin-top:8px; margin-bottom:8px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
/*首页猜你喜欢的商品价格修改*/
.floor_body2 ul li .price {width:100%; margin:auto; position:relative; border-top:1px solid #eeeeee;font-size: 0; }
.floor_body2 ul li .price .price_pro{ display: inline-block;*display: inline;*zoom: 1; width:48%; margin:auto; /* display: block;*/font-size:16px; color: #C4182E; height:40px; line-height:40px;text-align:left;}
/*首页已售数量的样式20170420*/
.floor_body2 ul li .price .comment_box{
font-size: 12px;
color: #999;
display: inline-block;
*display: inline;
*zoom: 1;
overflow: hidden;
text-align: right;
text-overflow: ellipsis;
vertical-align: bottom;
white-space: nowrap;
height: 40px;
line-height: 40px;
width: 48%;}
/*首页 购物车图标背景颜色修改 20170323*/
.floor_body2 ul li .btns{ position:absolute; display:block;right:5px;height:25px;width:25px;/*background: #f23;*/ background-color: #C4182E; border-radius:50%; bottom:8px;}
.floor_body2 ul li .btns img{ display:block; width:25px;height:25px; }
.xc-margin{
margin: auto;
}
</style>
<div class="floor_body2">
<div id="J_ItemList">
<ul class="product single_item info xc-margin">
</ul>
<a href="javascript:;" class="get_more" style="text-align:center; display:block;">
<img src='__STATIC__/images/category/loader.gif' width="12" height="12"> </a>
</div>
<div id="getmore" style="font-size:.24rem;text-align: center;color:#888;padding:.25rem .24rem .4rem;">
<a href="javascript:void(0)" onClick="getGoodsList()">点击加载更多</a>
</div>
</div>