Toggle navigation
Toggle navigation
This project
Loading...
Sign in
fe
/
YOHOBUYPC
·
Commits
Go to a project
GitLab
Go to group
Project
Activity
Files
Commits
Pipelines
0
Builds
0
Graphs
Milestones
Issues
0
Merge Requests
2
Members
Labels
Wiki
Forks
Network
Create a new issue
Download as
Email Patches
Plain Diff
Browse Files
Authored by
xuqi
9 years ago
Commit
bfe0621a089de6381d688b3b9cb19158100b61e8
1 parent
f027d956
files rebuild
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
286 additions
and
1601 deletions
template/www.yohobuy.com/partials/layout/use.phtml
web-static/js/common.js
web-static/sass/_footer.scss
web-static/sass/_page-footer.scss
web-static/sass/index.scss
template/www.yohobuy.com/partials/layout/use.phtml
View file @
bfe0621
<script>
seajs.use('js/common');
seajs.use('js/header');
seajs.use('js/footer',function(footer) {
if(footer) {
footer.init();
}
});
</script>
{{!-- 首页 --}}
{{#if boysHomePage}}
<script>
/*seajs.use('js/home/entrey', function(h) {
h.set('boys');
});*/
<script>
seajs.use('js/home/home');
</script>
{{/if}}
...
...
web-static/js/common.js
View file @
bfe0621
...
...
@@ -6,6 +6,7 @@
var
$
=
require
(
'yoho.jquery'
);
require
(
'./footer'
);
require
(
'./header'
);
function
cookie
(
name
)
{
var
cookies
=
document
.
cookie
,
...
...
web-static/sass/_footer.scss
View file @
bfe0621
@font-face
{
font-family
:
'icomoon'
;
src
:font-url
(
'icomoon.eot'
)
;
src
:font-url
(
'icomoon.eot?#iefix'
)
format
(
'embedded-opentype'
),
font-url
(
'icomoon.ttf'
)
format
(
'truetype'
),
font-url
(
'icomoon.woff'
)
format
(
'woff'
),
font-url
(
'icomoon.svg#icomoon'
)
format
(
'svg'
)
;
font-weight
:
normal
;
font-style
:
normal
;
}
.yoho-footer
{
font-size
:
12px
;
/*----文字颜色----*/
.red
{
color
:
#ee0011
;
.left
{
float
:
left
;
}
.orange
{
color
:
#f9761a
;
.right
{
float
:
right
;
}
.rgb0
{
color
:
#000
;
.center
{
text-align
:
center
;
}
.rgb2
{
color
:
#222
;
*
{
box-sizing
:
border-box
;
}
.rgb4
{
color
:
#444
;
.red
{
color
:
#ee0011
;
}
.rgb6
{
.rgb6
{
color
:
#666
;
}
.rgb9
{
.rgb9
{
color
:
#999
;
}
.rgbc
{
color
:
#ccc
;
}
.rgbf
{
.rgbf
{
color
:
#fff
;
}
.blue
{
color
:
#006699
;
}
.blue2
{
color
:
#468fa2
;
}
/**函数类**/
.hidden
{
display
:none
!
important
;}
.show
{
display
:block
;}
.left
{
float
:
left
;}
.right
{
float
:
right
;}
.relative
{
position
:
relative
;}
.absolute
{
position
:
absolute
;}
.inline-block
{
display
:
inline-block
;
}
.top
{
vertical-align
:
top
;
}
.middle
{
vertical-align
:
middle
;
}
.center
{
text-align
:
center
;
}
.footertop
{
.index-foot
{
background
:
#eeeeee
;
padding
:
20px
0
;
}
.index-foot
dd
{
.index-foot
{
background
:
#eeeeee
;
padding
:
20px
0
;
dd
{
width
:
370px
;
margin-right
:
20px
;
float
:
left
;
overflow
:hidden
;
}
.index-foot
dd
.last
{
margin-right
:
0
;
}
.index-foot
dd
.foot-panel
{
background
:
#fff
;
padding
:
20px
;
_padding-right
:
10px
;
}
.index-foot
dd
.title
{
text-align
:
center
;
_zoom
:
1
;
}
.index-foot
dd
.title
.title-line
{
border-bottom
:
1px
solid
#dddddd
;
position
:
absolute
;
top
:
9px
;
width
:
100%
;
left
:
0
;
*
top
:
-6px
;
}
.index-foot
dd
.title
.text
{
position
:
absolute
;
width
:
100%
;
text-align
:
center
;
left
:
0
;
top
:
0
;
}
.index-foot
dd
.title
.text
span
{
background
:
#fff
;
font-size
:
18px
;
line-height
:
18px
;
padding
:
0
10px
;
}
.index-foot
dd
ul
{
margin-top
:
18px
;
padding-top
:
18px
;
}
.index-foot
dd
.two-dim
{
margin-right
:
-10px
;
}
.index-foot
dd
.two-dim
li
{
border
:
1px
solid
#ddd
;
padding
:
7px
;
margin-right
:
10px
;
}
&
.last
{
margin-right
:
0
;
}
.foot-panel
{
background
:
#fff
;
padding
:
20px
;
}
.index-foot
dd
.two-dim
img
.dim-img
{
/*opacity: 0.5;
filter:alpha(opacity=50);*/
}
.index-foot
dd
.two-dim
.dim-hover
{
position
:
absolute
;
}
.index-foot
dd
.two-dim
.dim-hover
img
{
width
:
38px
;
height
:
38px
;
}
.index-foot
dd
.two-dim
.dim-active
.dim-img
{
opacity
:
1
;
filter
:alpha
(
opacity
=
100
)
;
}
.index-foot
dd
.two-dim
.dim-active
.dim-hover
{
display
:
none
;
}
.index-foot
dd
.two-dim
li
a
{
display
:
block
;
}
.index-foot
dd
.two-dim
li
p
{
text-align
:
center
;
margin-top
:
13px
;
margin-bottom
:
3px
;
line-height
:
12px
;
}
.index-foot
dd
.item-nav
{
padding-top
:
20px
;
}
.index-foot
dd
.item-nav
a
{
color
:
#999
;
padding
:
0
3px
;
cursor
:pointer
;
}
.index-foot
.vote
{
height
:
131px
;
line-height
:
24px
;
}
.index-foot
.vote
input
{
margin
:
0
5px
0
1px
;
}
.index-foot
.vote
.button
{
height
:
24px
;
line-height
:
24px
;
width
:
55px
;
font-size
:
12px
;
margin-top
:
10px
;
margin-right
:
10px
;
background
:
#222
;
color
:
#fff
;
display
:
inline-block
;
text-align
:
center
;
}
.index-foot
.vote
p
{
height
:
24px
;
overflow
:
hidden
;
}
.index-foot
.vote
.vote-item
p
{
float
:
left
;
width
:
50%
;
.title
{
position
:
relative
;
text-align
:
center
;
}
}
.title-line
{
border-bottom
:
1px
solid
#dddddd
;
position
:
absolute
;
top
:
9px
;
width
:
100%
;
left
:
0
;
}
.index-foot
.vote
textarea
{
width
:
98%
;
height
:
60px
;
vertical-align
:
middle
;
margin
:
5px
0px
0px
0px
;
resize
:none
;
}
.text
{
position
:
absolute
;
width
:
100%
;
text-align
:
center
;
left
:
0
;
top
:
0
;
span
{
background
:
#fff
;
font-size
:
18px
;
line-height
:
18px
;
padding
:
0
10px
;
}
}
.index-foot
ul
.mobile
{
margin-right
:
-10px
;
}
.index-foot
.mobile
li
{
margin-right
:
10px
;
float
:
left
;
margin-bottom
:
12px
;
}
ul
{
margin-top
:
18px
;
padding-top
:
18px
;
}
.index-foot
dd
li
{
/*height: 131px;*/
zoom
:
1
;
}
.two-dim
{
margin-right
:
-10px
;
overflow
:
hidden
;
.index-banner
{
width
:
100%
;
margin-top
:
20px
;
}
.ifont10
{
font-family
:
"icomoon"
;
display
:inline-block
;
font-size
:
13px
;
line-height
:
10px
;
-webkit-transform
:scale
(
0
.8
)
;
}
}
.footerbottom
{
width
:
100%
;
.promise
{
padding
:
20px
0
10px
0
;
background
:
#000
;
.left
{
line-height
:
30px
;
font-size
:
12px
;
font-weight
:
bold
;
.ifont
{
font-size
:
24px
;
line-height
:
24px
;
vertical-align
:
middle
;
margin-right
:
5px
;
font-weight
:
normal
;
font-family
:
"icomoon"
;
display
:inline-block
;
li
{
border
:
1px
solid
#ddd
;
padding
:
7px
;
margin-right
:
10px
;
a
{
display
:
block
;
}
p
{
text-align
:
center
;
margin-top
:
13px
;
margin-bottom
:
3px
;
line-height
:
12px
;
}
}
}
}
.subscribe
{
border
:
1px
solid
#262626
;
input
{
height
:
32px
;
padding
:
0
10px
;
line-height
:
32px
;
border
:
none
;
margin
:
0
;
*
height
:
28px
;
*
line-height
:
28px
;
background
:
#000
;
&
.wrong
{
color
:
#ee0011
;
.dim-img
{
display
:
block
;
width
:
87px
;
height
:
87px
;
}
.dim-hover
{
position
:
absolute
;
img
{
width
:
38px
;
height
:
38px
;
}
}
a
{
margin-left
:
10px
;
font-size
:
18px
;
line-height
:
32px
;
opacity
:
0
.5
;
filter
:
alpha
(
opacity
=
50
);
.dim-active
.dim-img
{
opacity
:
1
;
filter
:alpha
(
opacity
=
100
)
;
}
}
.footer-help
{
background
:
#000
;
font-size
:
12px
;
overflow
:
hidden
;
ul
{
width
:
110%
;
.dim-active
.dim-hover
{
display
:
none
;
}
li
p
{
line-height
:
24px
;
span
{
.item-nav
{
padding-top
:
20px
;
span
{
color
:
#fff
;
padding
:
0
3px
;
cursor
:pointer
;
font-size
:
20px
;
}
a
{
color
:
#666
;
&
:hover
{
text-decoration
:
underline
;
}
.cur
{
color
:
#999
;
}
}
.screen
{
border-top
:
1px
solid
#262626
;
padding
:
15px
0
;
}
}
.client-title
p
{
.vote
{
line-height
:
24px
;
}
.client
{
padding-top
:
6px
;
a
.ifont
{
font-size
:
20px
;
background
:
#444
;
width
:
32px
;
height
:
32px
;
margin-right
:
3px
;
text-align
:
center
;
line-height
:
32px
;
}
}
.footer-link
{
background
:
#000
;
padding
:
10px
0
30px
0
;
font-size
:
12px
;
}
.about-us
{
margin-left
:
10px
;
line-height
:
20px
;
color
:
#666
;
a
{
color
:
#666
;
}
p
span
{
padding
:
0
10px
;
input
{
margin
:
0
5px
0
1px
;
}
}
.footer-link
.right-flag
a
{
margin-right
:
5px
;
}
.footer-client
{
padding
:
0px
;
bottom
:
25px
;
left
:
-37px
;
z-index
:
10
;
width
:
106px
;
top
:
-140px
;
.client-img
{
background
:
#fff
;
.button
{
height
:
24px
;
line-height
:
24px
;
width
:
55px
;
font-size
:
12px
;
margin-top
:
10px
;
margin-right
:
10px
;
background
:
#222
;
color
:
#fff
;
display
:
inline-block
;
text-align
:
center
;
cursor
:
pointer
;
}
a
{
padding
:
8px
;
background
:
#fff
;
display
:
block
;
p
{
text-align
:
center
;
padding-top
:
5px
;
}
p
{
height
:
24px
;
overflow
:
hidden
;
}
.arrow
{
line-height
:
12px
;
text-align
:
center
;
width
:
100%
;
font-size
:
12px
;
vertical-align
:
top
;
margin-top
:
-2px
;
textarea
{
width
:
98%
;
height
:
68px
;
vertical-align
:
middle
;
margin
:
5px
0px
0px
0px
;
resize
:none
;
}
}
.right-flag
{
margin-top
:
3px
;
}
}
.return-top
{
position
:
fixed
;
width
:
60px
;
height
:
60px
;
font-size
:
18px
;
text-align
:
center
;
line-height
:
60px
;
color
:
#fff
;
background
:
#000
;
opacity
:
0
.5
;
filter
:
alpha
(
opacity
=
50
);
bottom
:
20px
;
cursor
:
pointer
;
z-index
:
99999
;
&
:hover
{
opacity
:
0
.9
;
filter
:
alpha
(
opacity
=
90
);
}
}
}
@media
(
max-width
:
1310px
){
.yoho-footer
{
.return-top
{
left
:
100%
;
right
:
20px
;
margin-left
:
auto
;
}
}
}
@media
(
min-width
:
1310px
){
.yoho-footer
{
.return-top
{
left
:
50%
;
margin-left
:
595px
;
}
}
}
@media
(
max-width
:
1180px
){
.yoho-footer
{
.screen
{
width
:
990px
;
margin-left
:
auto
;
margin-right
:
auto
;
}
.screen-l
{
display
:
none
;
}
.footerbottom
{
min-width
:
990px
;
}
.footerbottom
.footer-right
{
width
:
200px
;
width
:
202px
\
9
;
}
.footerbottom
.footer-help
ul
{
/*width: 690px;*/
}
.footerbottom
.footer-help
li
{
width
:
150px
;
}
.footerbottom
.promise
.left
{
margin-right
:
45px
;
}
.footerbottom
.subscribe
input
{
width
:
140px
;
outline
:
none
;
}
.vote-item
p
{
float
:
left
;
width
:
50%
;
/*trends*/
.article-list
{
width
:
670px
;
}
.article-list
ul
.article-cover
img
{
width
:
320px
;
height
:
214px
;
}
.article-list
ul
.article-summary
{
width
:
330px
;
height
:
214px
;
overflow
:
hidden
;
}
.trends-suggestion
ul
li
{
width
:
208px
;
}
.trends-suggestion
ul
li
img
{
width
:
208px
;
height
:
138px
;
}
.article-list
.article-detail
img
{
max-width
:
670px
;
}
/*lookbook*/
.trends-list
ul
li
{
width
:
232px
;
}
.trends-list
ul
li
a
img
{
width
:
232px
;
height
:
330px
;
}
.trends-list
ul
li
p
{
width
:
222px
;
}
.mobile
{
margin-right
:
-10px
;
.focus-top3
{
height
:
618px
;
}
.focus-top3
.focus-img
img
{
width
:
495px
;
height
:
618px
;
}
.focus-top3
ul
li
,
.trends-content
iframe
{
height
:
618px
;
width
:
990px
;
}
}
}
@media
(
min-width
:
1180px
){
.yoho-footer
{
.screen
{
width
:
1150px
;
margin-left
:
auto
;
margin-right
:
auto
;
}
.footerbottom
.footer-right
{
width
:
240px
;
width
:
242px
\
9
;
}
.footerbottom
.footer-help
ul
{
/*width: 810px;*/
}
.footerbottom
.footer-help
li
{
width
:
180px
;
}
.footerbottom
.promise
.left
{
margin-right
:
60px
;
}
.footerbottom
.subscribe
input
{
width
:
180px
;
outline
:
none
;
}
li
{
margin-right
:
10px
;
float
:
left
;
}
/*trends*/
.article-list
{
width
:
830px
;
}
.article-list
ul
.article-cover
img
{
width
:
360px
;
height
:
240px
;
}
.article-list
ul
.article-summary
{
width
:
450px
;
height
:
240px
;
overflow
:
hidden
;
}
.trends-suggestion
ul
li
{
width
:
262px
;
}
.trends-suggestion
ul
li
img
{
width
:
262px
;
height
:
175px
;
}
.article-list
.article-detail
img
{
max-width
:
830px
;
img
{
display
:
block
;
width
:
103px
;
height
:
131px
;
}
}
/*lookbook*/
.trends-list
ul
li
{
width
:
272px
;
}
.trends-list
ul
li
a
img
{
width
:
272px
;
height
:
388px
;
}
.trends-list
ul
li
p
{
width
:
262px
;
}
.focus-top3
{
height
:
716px
;
}
.focus-top3
.focus-img
img
{
width
:
575px
;
height
:
716px
;
}
.focus-top3
ul
li
,
.trends-content
iframe
{
height
:
716px
;
width
:
1150px
;
.index-banner
{
width
:
100%
;
margin-top
:
20px
;
}
}
}
/* new index 990 */
@media
(
max-width
:
1180px
){
.sort-enter
a
,
.sort-enter
a
img
{
width
:
494px
;
height
:
388px
;
}
.sort-enter
a
span
{
bottom
:
40px
;
}
.new-arrial
img
{
width
:
990px
;
}
.arrial-list
ul
li
,
.arrial-list
ul
li
img
{
width
:
325px
;
height
:
265px
;
}
.hot-brand
.con
{
height
:
103px
;
}
.hot-brand
.con
.btn-page
{
width
:
90px
;
height
:
103px
;
background-position
:
-106px
0
;
}
.hot-brand
.con
.btn-page
a
{
width
:
30px
;
height
:
30px
;
}
.hot-brand
.con
.btn-page
a
.page-before
{
top
:
22px
;
left
:
8px
;
}
.hot-brand
.con
.btn-page
a
.page-next
{
top
:
50px
;
left
:
44px
;
}
.hot-brand
.con
.list
{
margin-right
:
90px
;
}
.hot-brand
.con
.list
ul
li
img
{
width
:
100px
;
height
:
103px
;
}
}
@media
(
min-width
:
1180px
){
.sort-enter
a
,
.sort-enter
a
img
{
width
:
574px
;
height
:
450px
;
}
.sort-enter
a
span
{
bottom
:
50px
;
}
.new-arrial
img
{
width
:
1150px
;
}
.arrial-list
ul
li
,
.arrial-list
ul
li
img
{
width
:
378px
;
height
:
308px
;
}
.hot-brand
.con
{
height
:
120px
;
}
.hot-brand
.con
.btn-page
{
width
:
106px
;
height
:
120px
;
background-position
:
0
0
;
}
.hot-brand
.con
.btn-page
a
{
width
:
40px
;
height
:
40px
;
}
.hot-brand
.con
.btn-page
a
.page-before
{
top
:
24px
;
left
:
4px
;
}
.hot-brand
.con
.btn-page
a
.page-next
{
top
:
58px
;
left
:
50px
;
}
.hot-brand
.con
.list
{
margin-right
:
106px
;
}
.hot-brand
.con
.list
ul
li
img
{
width
:
116px
;
height
:
120px
;
}
}
/*new index*/
@media
(
max-width
:
1180px
){
/*
.page-index-new .screen{
width: 988px;
}*/
.focus-top2
{
height
:
388px
;
}
.focus-top2
.focus-img
img
{
width
:
988px
;
height
:
388px
;
}
.focus-bottom
ul
{
padding
:
0
1px
;
height
:
46px
;
overflow
:
hidden
;
}
.focus-bottom
ul
li
img
{
width
:
118px
;
height
:
46px
;
}
.focus-bottom
ul
li
a
{
width
:
118px
;
height
:
46px
;
}
#bigSlide
{
width
:
988px
;
height
:
388px
;
}
#bigSlide
li
{
width
:
988px
;
height
:
388px
;
}
.footerbottom
{
width
:
100%
;
.dl-index
.hot-brands
li
a
img
{
width
:
163px
;
height
:
163px
;
}
.dl-index
.hot-brands
li
.li-h-2
a
img
{
width
:
328px
;
}
.dl-index
.hot-brands
li
.li-v-2
a
img
{
height
:
328px
;
}
.dl-index
.hot-brands
li
.btn-page
{
padding
:
36px
0
0
36px
;
width
:
127px
;
height
:
127px
;
}
.wrapper-index2
{
width
:
988px
;
}
.wrapper-index2
.index-unit-5
{
width
:
823px
;
}
.wrapper-index2
.index-unit-1
{
width
:
163px
;
}
.wrapper-index2
.index-unit-5
ul
.hot-brands
{
height
:
330px
;
}
.dl-index
.index-ul
li
a
img
{
width
:
163px
;
height
:
206px
;
}
.dl-index
.index-ul
li
.li-h-2
a
img
{
width
:
328px
;
}
.wrapper-index2
.index-ads
img
{
width
:
163px
;
}
.wrapper-index2
.index-ads
.ads-1
img
{
height
:
279px
;
}
.wrapper-index2
.index-ads
.ads-2
img
{
height
:
163px
;
}
.promise
{
padding
:
20px
0
10px
0
;
background
:
#000
;
.dl-index
.category-top
img
{
width
:
163px
;
height
:
146px
;
}
.dl-index
.category-list
{
padding
:
7px
0
;
}
.dl-index
.category-list
li
{
width
:
76px
;
}
.dl-index
.category-list
li
a
{
padding
:
0px
0
0px
15px
;
height
:
24px
;
line-height
:
24px
;
}
.dl-index
.brands-list
{
padding
:
7px
0
;
}
.dl-index
.brands-list
li
a
{
line-height
:
24px
;
height
:
24px
;
padding
:
0px
15px
0px
15px
;
.left
{
margin-right
:
60px
;
line-height
:
30px
;
font-size
:
12px
;
font-weight
:
bold
;
}
}
.index-foot
dd
{
width
:
316px
;
.subscribe
{
border
:
1px
solid
#262626
;
width
:
240px
;
}
.index-foot
dd
.two-dim
img
.dim-img
{
width
:
69px
;
height
:
69px
;
}
.index-foot
.mobile
li
img
{
width
:
85px
;
height
:
108px
;
}
.index-foot
ul
.mobile
{
margin-top
:
30px
;
padding-bottom
:
11px
;
height
:
108px
;
overflow
:
hidden
;
}
.index-foot
dd
.two-dim
{
margin-top
:
26px
;
margin-bottom
:
10px
;
/*padding-bottom: 10px;*/
height
:
113px
;
overflow
:
hidden
;
}
input
{
width
:
180px
;
height
:
32px
;
padding
:
0
10px
;
line-height
:
32px
;
border
:
none
;
margin
:
0
;
background
:
#000
;
}
.index-foot
dd
.two-dim
.dim-hover
{
left
:
16px
;
top
:
16px
;
}
/*hotBrand*/
.dl-index
.hot-brand-new
.ids
img
{
width
:
163px
;
}
.hot-brand-new
.recommendBox-new
{
width
:
891px
;
height
:
156px
;
}
.hot-brand-new
.recommendBox-new
ul
li
{
width
:
99px
;
height
:
78px
;
}
.hot-brand-new
.recommendBox-new
ul
li
img
{
width
:
99px
;
height
:
78px
;
}
.dl-index
.hot-brand-new
.index-unit-1
{
width
:
97px
;
height
:
156px
;
}
.dl-index
.hot-brand-new
.index-unit-1
ul
li
{
width
:
97px
;
height
:
78px
;
}
.dl-index
.hot-brand-new
.index-unit-1
ul
li
img
{
width
:
97px
;
height
:
78px
;
}
.dl-index
.hot-brand-new
.btn-page
{
width
:
97px
;
height
:
78px
;
background
:
url('http://static.yohobuy.com/images/v3/icon/btn_page_small.jpg')
no-repeat
center
center
;
}
/*猜你喜欢*/
.index-guess-like
li
{
width
:
163px
;
float
:
left
;
margin-right
:
2px
;
text-align
:
center
;
}
.index-guess-like
li
img
{
width
:
163px
;
a
{
margin-left
:
10px
;
font-size
:
18px
;
line-height
:
32px
;
opacity
:
0
.5
;
filter
:
alpha
(
opacity
=
50
);
}
}
}
@media
(
min-width
:
1180px
){
.focus-top2
{
height
:
450px
;
}
.focus-top2
.focus-img
img
{
width
:
1150px
;
height
:
450px
;
}
.focus-bottom
ul
{
padding
:
0
2px
;
height
:
54px
;
.footer-help
{
background
:
#000
;
font-size
:
12px
;
overflow
:
hidden
;
}
.focus-bottom
ul
li
img
{
width
:
138px
;
height
:
54px
;
}
.focus-bottom
ul
li
a
{
width
:
138px
;
height
:
54px
;
}
#bigSlide
{
width
:
1150px
;
height
:
450px
;
}
#bigSlide
li
{
width
:
1150px
;
height
:
450px
;
}
.dl-index
.hot-brands
li
a
img
{
width
:
190px
;
height
:
190px
;
}
.dl-index
.hot-brands
li
.li-h-2
a
img
{
width
:
382px
;
}
.dl-index
.hot-brands
li
.li-v-2
a
img
{
height
:
382px
;
}
.dl-index
.hot-brands
li
.btn-page
{
padding
:
50px
0
0
50px
;
width
:
140px
;
height
:
140px
;
}
.wrapper-index2
.index-unit-5
{
width
:
958px
;
}
.wrapper-index2
.index-unit-1
{
width
:
190px
;
}
.wrapper-index2
.index-unit-5
ul
.hot-brands
{
height
:
384px
;
}
.dl-index
.index-ul
li
a
img
{
width
:
190px
;
height
:
240px
;
}
.dl-index
.index-ul
li
.li-h-2
a
img
{
width
:
382px
;
}
.wrapper-index2
.index-ads
img
{
width
:
190px
;
}
.wrapper-index2
.index-ads
.ads-1
img
{
height
:
320px
;
}
.wrapper-index2
.index-ads
.ads-2
img
{
height
:
190px
;
}
ul
{
width
:
110%
;
}
.dl-index
.category-top
img
{
width
:
190px
;
height
:
170px
;
}
p
{
line-height
:
24px
;
.dl-index
.category-list
{
padding
:
8px
0
;
}
.dl-index
.category-list
li
{
width
:
90px
;
}
.dl-index
.category-list
li
a
{
padding
:
0px
0
0px
15px
;
height
:
28px
;
line-height
:
28px
;
}
.dl-index
.brands-list
{
padding
:
8px
0
;
}
.dl-index
.brands-list
li
a
{
line-height
:
28px
;
height
:
28px
;
padding
:
0px
15px
0px
15px
;
}
span
{
color
:
#fff
;
}
.index-foot
dd
{
width
:
370px
;
a
{
color
:
#666
;
}
.index-foot
dd
.two-dim
{
overflow
:
hidden
;
}
.index-foot
dd
.two-dim
img
.dim-img
{
width
:
87px
;
height
:
87px
;
}
.index-foot
.mobile
li
img
{
width
:
103px
;
height
:
131px
;
}
&
:hover
{
text-decoration
:
underline
;
}
}
}
.index-foot
dd
.two-dim
.dim-hover
{
left
:
25px
;
top
:
25px
;
}
.index-foot
ul
.mobile
{
height
:
131px
;
overflow
:
hidden
;
}
/*hotBrand*/
.dl-index
.hot-brand-new
.ids
{
width
:
190px
;
}
.hot-brand-new
.recommendBox-new
{
width
:
1035px
;
height
:
180px
;
}
.hot-brand-new
.recommendBox-new
ul
li
{
width
:
115px
;
height
:
90px
;
}
.hot-brand-new
.recommendBox-new
ul
li
img
{
width
:
115px
;
height
:
90px
;
}
.dl-index
.hot-brand-new
.index-unit-1
{
width
:
115px
;
height
:
180px
;
li
{
width
:
180px
;
}
.screen
{
border-top
:
1px
solid
#262626
;
padding
:
15px
0
;
}
}
.dl-index
.hot-brand-new
.index-unit-1
ul
li
{
width
:
115px
;
height
:
90px
;
}
.dl-index
.hot-brand-new
.index-unit-1
ul
li
img
{
width
:
115px
;
height
:
90px
;
}
.dl-index
.hot-brand-new
.btn-page
{
width
:
115px
;
height
:
90px
;
background
:
url('http://static.yohobuy.com/images/v3/icon/btn_page_big.jpg')
no-repeat
center
center
;
}
/*猜你喜欢*/
.index-guess-like
li
{
width
:
190px
;
height
:
320px
;
float
:
left
;
margin-right
:
2px
;
text-align
:
center
;
}
}
/*boys*/
.footer-link
{
background
:
#000
;
padding
:
10px
0
30px
0
;
font-size
:
12px
;
@media
(
max-width
:
1180px
){
.wrapper-right
{
width
:
810px
;
}
.wrapper-main
.list-unit
{
width
:
195px
;
.right-flag
{
margin-top
:
3px
;
}
.wrapper-main
.index-tab
{
width
:
615px
;
/*750*/
overflow
:
hidden
;
}
.banner-zone
.feedback
.item-vote
{
width
:
150px
;
padding
:
10px
;
overflow
:
hidden
;
}
.wrapper-main
.banner-zone
div
.phone
.left-a
{
padding-right
:
5px
;
}
.wrapper-main
.banner-zone
div
.phone
.right-a
{
padding-left
:
5px
;
}
.banner-zone
.recent-view
.recent-goods
{
width
:
153px
;
}
.banner-zone
.recent-view
.recent-goods
img
{
width
:
50px
;
height
:
50px
;
}
.focus-top
{
height
:
334px
;
}
.focus-brands
.focus-brands-wrapper
{
width
:
640px
;
}
.focus-top
.button-switch
.ifont
{
margin-top
:
160px
;
}
a
{
margin-right
:
5px
;
}
}
}
.about-us
{
line-height
:
20px
;
color
:
#666
;
margin-left
:
10px
;
@media
(
min-width
:
1180px
){
a
{
color
:
#666
;
}
.wrapper-right
{
width
:
970px
;
/*990px*/
span
{
padding
:
0
10px
;
}
}
}
.wrapper-main
.list-unit
{
width
:
235px
;
/*240*/
}
.wrapper-main
.index-tab
{
width
:
735px
;
/*750*/
overflow
:
hidden
;
}
.banner-zone
.feedback
.item-vote
{
width
:
170px
;
padding
:
20px
;
overflow
:
hidden
;
}
.wrapper-main
.banner-zone
div
.phone
.left-a
{
padding-right
:
20px
;
}
.wrapper-main
.banner-zone
div
.phone
.right-a
{
padding-left
:
20px
;
}
.banner-zone
.recent-view
.recent-goods
{
width
:
183px
;
}
.banner-zone
.recent-view
.recent-goods
img
{
.return-top
{
position
:
fixed
;
width
:
60px
;
height
:
60px
;
}
.focus-top
{
height
:
400px
;
}
.focus-brands
.focus-brands-wrapper
{
width
:
800px
;
}
.focus-top
.button-switch
.ifont
{
margin-top
:
185px
;
}
}
left
:
50%
;
margin-left
:
595px
;
text-align
:
center
;
line-height
:
50px
;
color
:
#fff
;
background
:
#000
;
opacity
:
0
.5
;
filter
:
alpha
(
opacity
=
50
);
bottom
:
20px
;
cursor
:
pointer
;
&
:hover
{
opacity
:
0
.9
;
filter
:
alpha
(
opacity
=
90
);
}
/*brands*/
@media
(
max-width
:
1180px
){
.brands-ad
.ad-img1
img
{
width
:
490px
;
height
:
240px
;
}
.brands-ad
.ad-img2
img
{
width
:
240px
;
height
:
240px
;
}
.brands-logo
a
{
/*margin-left: 19px;*/
margin-left
:
18px
;
}
.brands-logo
a
.first
{
margin-left
:
10px
;
}
.wrapper-brands
.brands-fixed
{
width
:
956px
;
}
.wrapper-brands
.brands-az
a
{
padding
:
0
6px
;
.iconfont
{
font-size
:
34px
;
}
}
}
@media
(
min-width
:
1180px
){
.brands-ad
.ad-img1
img
{
width
:
570px
;
height
:
280px
;
}
.brands-ad
.ad-img2
img
{
width
:
280px
;
height
:
280px
;
}
.brands-logo
a
{
margin-left
:
35px
;
}
.brands-logo
a
.first
{
margin-left
:
18px
;
}
.wrapper-brands
.brands-fixed
{
width
:
1116px
;
@media
(
max-width
:
1360px
)
{
.yoho-footer
.return-top
{
left
:
100%
;
right
:
20px
;
margin-left
:
auto
;
}
}
/*goods list*/
@media
(
max-width
:
1180px
){
.goods-list
{
margin-right
:
-10px
;
}
.goods-list
.goods
{
width
:
195px
;
margin-right
:
10px
;
height
:
353px
;
overflow
:
hidden
;
}
/*
.goods-mini .goods-list{
margin-right: -12px;
}
.goods-mini .goods-list .goods{
width: 125px;
margin-right: 12px;
}*/
/*图片固定高度*/
.goods-list
.goods
img
{
width
:
195px
;
height
:
261px
;
}
/*end*/
.sort-condition
.sort-num
{
display
:
none
;
}
.goods-suggestion
.goods-more
{
/*display: none;*/
}
.brands-suggestion
li
a
{
margin
:
0
0
0
6px
;
}
.brands-suggestion
li
a
{
width
:
130px
;
}
.brands-suggestion
li
img
{
padding
:
22px
24px
22px
24px
;
}
/*0124*/
.goods-suggestion
.goods-list
{
height
:
353px
;
overflow
:
hidden
;
}
.goods-view
.goods-list
.goods
{
width
:
190px
;
overflow
:
hidden
;
}
}
@media
(
min-width
:
1180px
){
.goods-list
{
margin-right
:
-10px
;
}
.goods-list
.goods
{
width
:
235px
;
margin-right
:
10px
;
height
:
406px
;
}
.goods-mini
.goods-list
{
margin-right
:
-14px
;
}
.goods-mini
.goods-list
.goods
{
width
:
150px
;
margin-right
:
14px
;
height
:
293px
;
}
.goods-mini
.goods-list
.li-first-4
{
clear
:
none
;
}
.goods-mini
.goods-list
.li-first-6
{
clear
:
left
;
}
/*图片固定高度*/
.goods-list
.goods
img
{
width
:
235px
;
height
:
314px
;
}
.goods-mini
.goods-list
.goods
img
{
width
:
150px
;
height
:
201px
;
}
/*end*/
.brands-suggestion
li
a
{
margin
:
0
0
0
8px
;
}
.brands-suggestion
li
a
{
width
:
155px
;
}
.brands-suggestion
li
img
{
padding
:
22px
37px
22px
36px
;
}
.goods-suggestion
.goods-list
{
height
:
293px
;
overflow
:
hidden
;
}
.goods-view
.goods-mini
.goods-list
.goods
{
margin-right
:
16px
;
}
}
@media
(
max-width
:
1180px
)
{
.yoho-footer
{
.index-foot
dd
{
width
:
316px
;
.two-dim
{
margin-top
:
26px
;
margin-bottom
:
10px
;
overflow
:
hidden
;
}
.dim-img
{
width
:
69px
;
height
:
69px
;
}
/*goods list top*/
.mobile
img
{
width
:
85px
;
height
:
108px
;
}
}
@media
(
max-width
:
1180px
){
.goods-right
{
width
:
810px
;
}
.subscribe
{
width
:
200px
;
.goods-right
.goods-ad
.ad-text
{
width
:
748px
;
/*height: 248px;*/
padding
:
0px
30px
30px
30px
;
border
:
1px
solid
#eaeceb
;
}
.goods-right
.goods-ad
.ad-half
.ad-text
{
width
:
348px
;
height
:
218px
;
}
.goods-right
.goods-ad
.ad-half-img
{
width
:
400px
;
height
:
250px
;
}
.goods-right
.goods-ad
.ad-img
{
width
:
810px
;
height
:
250px
;
}
.goods-right
.goods-ad
.text-title
.title
{
margin-top
:
30px
;
}
/*
.search-condition .search-selected p{
width: 640px;
}*/
}
input
{
width
:
140px
;
}
}
@media
(
min-width
:
1180px
){
.goods-right
{
width
:
970px
;
}
.goods-right
.goods-ad
.ad-text
{
width
:
868px
;
height
:
298px
;
padding
:
0px
50px
;
border
:
1px
solid
#eaeceb
;
}
.goods-right
.goods-ad
.ad-half
.ad-text
{
width
:
388px
;
height
:
298px
;
}
.goods-right
.goods-ad
.ad-half-img
{
width
:
480px
;
height
:
300px
;
}
.goods-right
.goods-ad
.ad-img
{
width
:
970px
;
height
:
300px
;
}
.goods-right
.goods-ad
.text-title
.title
{
margin-top
:
60px
;
.footer-help
li
{
width
:
150px
;
}
}
}
\ No newline at end of file
...
...
web-static/sass/_page-footer.scss
deleted
100644 → 0
View file @
f027d95
.yoho-footer
{
font-size
:
12px
;
.left
{
float
:
left
;
}
.right
{
float
:
right
;
}
.center
{
text-align
:
center
;
}
*
{
box-sizing
:
border-box
;
}
.red
{
color
:
#ee0011
;
}
.rgb6
{
color
:
#666
;
}
.rgb9
{
color
:
#999
;
}
.rgbf
{
color
:
#fff
;
}
.index-foot
{
background
:
#eeeeee
;
padding
:
20px
0
;
dd
{
width
:
370px
;
margin-right
:
20px
;
float
:
left
;
overflow
:hidden
;
&
.last
{
margin-right
:
0
;
}
.foot-panel
{
background
:
#fff
;
padding
:
20px
;
}
.title
{
position
:
relative
;
text-align
:
center
;
}
.title-line
{
border-bottom
:
1px
solid
#dddddd
;
position
:
absolute
;
top
:
9px
;
width
:
100%
;
left
:
0
;
}
.text
{
position
:
absolute
;
width
:
100%
;
text-align
:
center
;
left
:
0
;
top
:
0
;
span
{
background
:
#fff
;
font-size
:
18px
;
line-height
:
18px
;
padding
:
0
10px
;
}
}
ul
{
margin-top
:
18px
;
padding-top
:
18px
;
}
.two-dim
{
margin-right
:
-10px
;
overflow
:
hidden
;
li
{
border
:
1px
solid
#ddd
;
padding
:
7px
;
margin-right
:
10px
;
a
{
display
:
block
;
}
p
{
text-align
:
center
;
margin-top
:
13px
;
margin-bottom
:
3px
;
line-height
:
12px
;
}
}
}
.dim-img
{
display
:
block
;
width
:
87px
;
height
:
87px
;
}
.dim-hover
{
position
:
absolute
;
img
{
width
:
38px
;
height
:
38px
;
}
}
.dim-active
.dim-img
{
opacity
:
1
;
filter
:alpha
(
opacity
=
100
)
;
}
.dim-active
.dim-hover
{
display
:
none
;
}
.item-nav
{
padding-top
:
20px
;
span
{
color
:
#fff
;
padding
:
0
3px
;
cursor
:pointer
;
font-size
:
20px
;
}
.cur
{
color
:
#999
;
}
}
}
.vote
{
line-height
:
24px
;
input
{
margin
:
0
5px
0
1px
;
}
.button
{
height
:
24px
;
line-height
:
24px
;
width
:
55px
;
font-size
:
12px
;
margin-top
:
10px
;
margin-right
:
10px
;
background
:
#222
;
color
:
#fff
;
display
:
inline-block
;
text-align
:
center
;
cursor
:
pointer
;
}
p
{
height
:
24px
;
overflow
:
hidden
;
}
textarea
{
width
:
98%
;
height
:
68px
;
vertical-align
:
middle
;
margin
:
5px
0px
0px
0px
;
resize
:none
;
}
}
.vote-item
p
{
float
:
left
;
width
:
50%
;
}
.mobile
{
margin-right
:
-10px
;
li
{
margin-right
:
10px
;
float
:
left
;
}
img
{
display
:
block
;
width
:
103px
;
height
:
131px
;
}
}
.index-banner
{
width
:
100%
;
margin-top
:
20px
;
}
}
.footerbottom
{
width
:
100%
;
}
.promise
{
padding
:
20px
0
10px
0
;
background
:
#000
;
.left
{
margin-right
:
60px
;
line-height
:
30px
;
font-size
:
12px
;
font-weight
:
bold
;
}
}
.subscribe
{
border
:
1px
solid
#262626
;
width
:
240px
;
input
{
width
:
180px
;
height
:
32px
;
padding
:
0
10px
;
line-height
:
32px
;
border
:
none
;
margin
:
0
;
background
:
#000
;
}
a
{
margin-left
:
10px
;
font-size
:
18px
;
line-height
:
32px
;
opacity
:
0
.5
;
filter
:
alpha
(
opacity
=
50
);
}
}
.footer-help
{
background
:
#000
;
font-size
:
12px
;
overflow
:
hidden
;
ul
{
width
:
110%
;
}
p
{
line-height
:
24px
;
span
{
color
:
#fff
;
}
a
{
color
:
#666
;
&
:hover
{
text-decoration
:
underline
;
}
}
}
li
{
width
:
180px
;
}
.screen
{
border-top
:
1px
solid
#262626
;
padding
:
15px
0
;
}
}
.footer-link
{
background
:
#000
;
padding
:
10px
0
30px
0
;
font-size
:
12px
;
.right-flag
{
margin-top
:
3px
;
a
{
margin-right
:
5px
;
}
}
.about-us
{
line-height
:
20px
;
color
:
#666
;
margin-left
:
10px
;
a
{
color
:
#666
;
}
span
{
padding
:
0
10px
;
}
}
}
.return-top
{
position
:
fixed
;
width
:
60px
;
height
:
60px
;
left
:
50%
;
margin-left
:
595px
;
text-align
:
center
;
line-height
:
50px
;
color
:
#fff
;
background
:
#000
;
opacity
:
0
.5
;
filter
:
alpha
(
opacity
=
50
);
bottom
:
20px
;
cursor
:
pointer
;
&
:hover
{
opacity
:
0
.9
;
filter
:
alpha
(
opacity
=
90
);
}
.iconfont
{
font-size
:
34px
;
}
}
}
@media
(
max-width
:
1360px
)
{
.yoho-footer
.return-top
{
left
:
100%
;
right
:
20px
;
margin-left
:
auto
;
}
}
@media
(
max-width
:
1180px
)
{
.yoho-footer
{
.index-foot
dd
{
width
:
316px
;
.two-dim
{
margin-top
:
26px
;
margin-bottom
:
10px
;
overflow
:
hidden
;
}
.dim-img
{
width
:
69px
;
height
:
69px
;
}
.mobile
img
{
width
:
85px
;
height
:
108px
;
}
}
.subscribe
{
width
:
200px
;
input
{
width
:
140px
;
}
}
.footer-help
li
{
width
:
150px
;
}
}
}
\ No newline at end of file
web-static/sass/index.scss
View file @
bfe0621
...
...
@@ -3,7 +3,7 @@
@import
"compass"
,
"compass/reset"
,
"header"
,
"
page-
footer"
,
"footer"
,
"path-nav"
;
body
{
...
...
Please
register
or
login
to post a comment