Skip to content

Commit 46ec7fe

Browse files
ProgrammingAworldProgrammingAworld
committed
Shopping v3.0
1 parent 64020a3 commit 46ec7fe

File tree

7 files changed

+548
-0
lines changed

7 files changed

+548
-0
lines changed

‎Shopping/auction.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -163,6 +163,7 @@ <h2><img src="img/gif.gif"/></h2>
163163
</ul>
164164
</div>
165165
</div>
166+
<!--***************主要内容*************************-->
166167
<div class="goodsBox">
167168
<div class="showGoods">
168169
<div class="location">

‎Shopping/css/information.css‎

Lines changed: 303 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,303 @@
1+
2+
.location{
3+
clear: both;
4+
margin-left: 10px;
5+
font-size: 14px;
6+
line-height: 50px;
7+
width: 1190px;
8+
height: 50px;
9+
margin: 0 auto;
10+
border-bottom: 1px solid #463B7F;
11+
}
12+
.location span{
13+
padding: 6px;
14+
color: #797979;
15+
}
16+
.location span:nth-child(3){
17+
cursor: pointer;
18+
color: #463B7F;
19+
}
20+
.showGoods{
21+
position: relative;
22+
padding-top: 6px;
23+
width: 1070px;
24+
height: 562px;
25+
margin: 0 auto;
26+
/*background: yellow;*/
27+
}
28+
.showGoods ul{
29+
padding-top: 16px;
30+
float: left;
31+
width: 86px;
32+
height: 362px;
33+
overflow: hidden;
34+
background: #EEEEEE;
35+
}
36+
.showGoods ul >li{
37+
text-align: center;
38+
width: 86px;
39+
height: 90px;
40+
}
41+
.showGoods ul >li >img{
42+
width: 80px;
43+
margin: 0;
44+
}
45+
.showGoods .leftBtn{
46+
cursor: pointer;
47+
display: inline-block;
48+
width: 79px;
49+
height: 15px;
50+
position: absolute;
51+
top: 6px;
52+
left: 4px;
53+
background: url(http://github.com/..%3Cspan%20class=pl-c1%3E/%3C/span%3Eimg/detailTop.png) no-repeat left top;
54+
}
55+
.showGoods .rightBtn{
56+
cursor: pointer;
57+
display: inline-block;
58+
width: 82px;
59+
height: 15px;
60+
position: absolute;
61+
top: 370px;
62+
left: 2px;
63+
background:#EEEEEE url(http://github.com/..%3Cspan%20class=pl-c1%3E/%3C/span%3Eimg/detailTop.png) no-repeat left top;
64+
}
65+
.showGoods .goodsPicBox{
66+
margin-left: 6px;
67+
width: 380px;
68+
height: 442px;
69+
float: left;
70+
/*background: red;*/
71+
}
72+
.showGoods .goodsPicBox >span:nth-child(2){
73+
padding-left: 26px;
74+
font-size: 16px;
75+
background: url(../img/sale2_yan.png) no-repeat left center;
76+
}
77+
.showGoods .goodsPicBox >span:nth-child(3){
78+
float: right;
79+
padding-left: 26px;
80+
font-size: 16px;
81+
background: url(../img/sale2_shou.png) no-repeat left center;
82+
}
83+
.showGoods .goodsPic{
84+
margin-bottom: 20px;
85+
float: left;
86+
width: 380px;
87+
height: 380px;
88+
border: 1px solid #CCCCCC;
89+
text-align: center;
90+
}
91+
.showGoods .goodsPic span{
92+
display: inline-block;
93+
width: 0;
94+
height: 100%;
95+
vertical-align: middle;
96+
}
97+
.showGoods .goodsPic img{
98+
vertical-align: middle;
99+
width: 376px;
100+
}
101+
.showGoods .information{
102+
padding-top: 16px;
103+
margin-left: 16px;
104+
float: left;
105+
width: 580px;
106+
height: 526px;
107+
background: yellow;
108+
}
109+
.showGoods .information .desc{
110+
height: 50px;
111+
font-size:18px ;
112+
color: black;
113+
font-weight: 600;
114+
}
115+
.showGoods .information .saleTime,.showGoods .information .address{
116+
height: 50px;
117+
font-size:16px ;
118+
}
119+
.showGoods .information .saleTime >span{
120+
color: red;
121+
font-size: 16px;
122+
}
123+
.showGoods .information .price{
124+
height: 50px;
125+
font-size:16px ;
126+
}
127+
.showGoods .information .price >span:nth-child(1){
128+
margin-right: 10px;
129+
}
130+
.showGoods .information .price >span:nth-child(2){
131+
color: red;
132+
font-weight: 600;
133+
font-size: 16px;
134+
}
135+
.showGoods .information .myPrice{
136+
height: 50px;
137+
font-size: 20px;
138+
font-weight: 600;
139+
}
140+
.showGoods .information .myPrice input{
141+
border: 1px solid red;
142+
height: 30px;
143+
width: 200px;
144+
}
145+
.showGoods .information .myPrice i{
146+
font-style: normal;
147+
font-size: 8px;
148+
background: red;
149+
color: white;
150+
padding: 4px 10px;
151+
border-radius: 5px;
152+
}
153+
.showGoods .information .mark{
154+
position: relative;
155+
padding-left: 4px;
156+
width: 580px;
157+
height: 90px;
158+
border-top: 1px solid #ccc;
159+
border-bottom: 1px solid #CCCCCC;
160+
background: #EEEEEE;
161+
}
162+
.showGoods .information .mark >img{
163+
position: absolute;
164+
right: 0;
165+
top: -200px;
166+
}
167+
.showGoods .information .mark >p{
168+
font-size: 14px;
169+
color: red;
170+
text-align: center;
171+
margin-top: 26px;
172+
float: left;
173+
}
174+
.showGoods .information .mark >div:nth-child(2){
175+
padding-top: 20px;
176+
font-size: 14px;
177+
float: left;
178+
width: 280px;
179+
height: 60px;
180+
border-right: 1px dashed #CCCCCC;
181+
}
182+
.showGoods .information .mark >div:nth-child(2) p{
183+
padding-left: 10px;
184+
margin-top: 6px;
185+
}
186+
.showGoods .information .mark >div:nth-child(3){
187+
padding-top: 20px;
188+
font-size: 14px;
189+
width: 230px;
190+
float: left;
191+
height: 70px;
192+
}
193+
.showGoods .information .mark >div:nth-child(3) p{
194+
padding-left: 10px;
195+
margin-top: 6px;
196+
}
197+
.showGoods .information .mark >div:nth-child(3) p:nth-child(1) span{
198+
display: inline-block;
199+
cursor: pointer;
200+
text-align: center;
201+
margin-left: 6px;
202+
color: white;
203+
width: 16px;
204+
height: 16px;
205+
background: purple;
206+
border-radius: 50%;
207+
}
208+
.showGoods .information .agree{
209+
margin-top: 8px;
210+
}
211+
.showGoods .information .agree b{
212+
font-weight: 100;
213+
color: red;
214+
}
215+
.showGoods .information .money{
216+
font-size: 22px;
217+
white-space: nowrap;
218+
overflow: hidden;
219+
text-overflow: ellipsis;
220+
color: #333333;
221+
line-height: 50px;
222+
}
223+
224+
225+
226+
227+
228+
229+
230+
231+
232+
233+
234+
235+
236+
237+
238+
239+
240+
241+
242+
243+
244+
245+
246+
247+
248+
249+
250+
251+
252+
253+
254+
255+
256+
257+
258+
259+
260+
261+
262+
263+
264+
265+
266+
267+
268+
269+
270+
271+
272+
273+
274+
275+
276+
277+
278+
279+
280+
281+
282+
283+
284+
285+
286+
287+
288+
289+
290+
291+
292+
293+
294+
295+
296+
297+
298+
299+
300+
301+
302+
303+

‎Shopping/img/6373653-lancia-fulvia-1-3-s-coup-19722.jpg‎

85.1 KB
Loading

‎Shopping/img/detailDown.png‎

349 Bytes
Loading

‎Shopping/img/detailTop.png‎

313 Bytes
Loading

‎Shopping/img/detail_ke.png‎

52.9 KB
Loading

0 commit comments

Comments
 (0)