Toggle navigation
Toggle navigation
This project
Loading...
Sign in
fe
/
yoho-blk
·
Commits
Go to a project
GitLab
Go to group
Project
Activity
Files
Commits
Pipelines
0
Builds
0
Graphs
Milestones
Issues
0
Merge Requests
1
Members
Labels
Wiki
Forks
Network
Create a new issue
Download as
Email Patches
Plain Diff
Browse Files
Authored by
biao
9 years ago
Commit
807743cabeab946d8d198b0e600715012da58477
1 parent
e283f1ef
fix font-size style issue
Hide whitespace changes
Inline
Side-by-side
Showing
8 changed files
with
26 additions
and
51 deletions
apps/channel/views/partial/style-icon.hbs
public/js/channel/home.page.js
public/scss/channel/_brand-text-box.css
public/scss/channel/_home.css
public/scss/channel/_index.css
public/scss/channel/_new-arrival.css
public/scss/channel/_style-icon.css
public/scss/plugin/_slider.css
apps/channel/views/partial/style-icon.hbs
View file @
807743c
...
...
@@ -3,7 +3,7 @@
<div
class=
"smooth-card-container"
>
{{#
styleIcon
}}
<div
class=
"card
{{#if
@first
}}
active
{{/if}}
{{#if
@last
}}
last
{{/if}}
"
>
<
div
class=
"img"
style=
"background-image: url('
{{
image
img
218
320
}}
')"
></div
>
<
img
class=
"img lazy-img"
data-original=
"
{{
image
img
221
320
}}
"
/
>
{{>
brand-text-box
}}
</div>
{{/
styleIcon
}}
...
...
public/js/channel/home.page.js
View file @
807743c
...
...
@@ -6,6 +6,8 @@
var
lazyLoad
=
require
(
'yoho-jquery-lazyload'
);
require
(
'../common/header'
);
require
(
'../common/return-top'
);
require
(
'../plugins/slider'
);
lazyLoad
(
$
(
'img.lazy-img'
));
...
...
public/scss/channel/_brand-text-box.css
View file @
807743c
.brand-text-box
{
$
size
:
1
4
px
;
$
size
:
1
8
px
;
$
line-height
:
1.8
;
$
lines-to-show
:
3
;
...
...
@@ -11,7 +11,7 @@
position
:
relative
;
h4
{
font-size
:
1
2
px
;
font-size
:
1
6
px
;
font-weight
:
bold
;
}
...
...
@@ -36,7 +36,7 @@
background-color
:
white
;
outline
:
none
;
border
:
1
pX
solid
black
;
font-size
:
1
2
px
;
font-size
:
1
6
px
;
cursor
:
pointer
;
}
}
...
...
public/scss/channel/_home.css
View file @
807743c
.home-page
{
$
sliderHeight
:
645px
;
width
:
1150px
;
margin
:
10px
auto
0
;
.top-slider-container
{
...
...
@@ -38,7 +37,7 @@
position
:
absolute
;
top
:
0
;
right
:
0
;
width
:
1
00%
;
width
:
1
920px
;
height
:
100%
;
a
{
...
...
@@ -54,7 +53,7 @@
img
{
width
:
100%
;
height
:
100%
;
height
:
auto
;
}
}
}
...
...
@@ -76,9 +75,9 @@
position
:
absolute
;
top
:
50%
;
margin
:
-30px
0
0
;
width
:
30px
;
height
:
60px
;
line-height
:
66px
;
width
:
40px
;
height
:
70px
;
line-height
:
70px
;
text-align
:
center
;
z-index
:
2
;
background
:
#000
;
...
...
@@ -86,12 +85,12 @@
&.prev
{
left
:
50%
;
margin-left
:
-
54
5px
;
margin-left
:
-
61
5px
;
}
&
.next
{
right
:
50%
;
margin-right
:
-
54
5px
;
margin-right
:
-
61
5px
;
}
&
:hover
{
...
...
@@ -99,8 +98,8 @@
}
.iconfont
{
font-size
:
32px
;
color
:
#59585a
;
font-size
:
34px
;
color
:
#fff
;
}
}
}
...
...
@@ -158,17 +157,17 @@
position
:
relative
;
display
:
inline-block
;
margin
:
0
3px
;
width
:
7px
;
height
:
7px
;
width
:
9px
;
height
:
9px
;
background
:
#ccc
;
cursor
:
pointer
;
z-index
:
2
;
&.focus
{
width
:
12px
;
height
:
12px
;
width
:
16px
;
height
:
16px
;
position
:
relative
;
top
:
2
px
;
top
:
3
px
;
background
:
#fff
;
}
}
...
...
@@ -264,15 +263,9 @@
}
.floor-header
{
text-align
:
center
;
height
:
80px
;
height
:
90px
;
line-height
:
1.4
;
font-weight
:
bold
;
font-size
:
16px
;
.zh-title
{
font-size
:
14px
;
}
}
.main-container
{
...
...
public/scss/channel/_index.css
View file @
807743c
$
grayBorder
:
#f0f0f0
;
.resource-container
{
margin-top
:
6
0px
;
margin-top
:
8
0px
;
}
.cursor-pointer
{
...
...
public/scss/channel/_new-arrival.css
View file @
807743c
...
...
@@ -18,7 +18,7 @@
.brand-name
{
height
:
$
textHeight
;
text-align
:
center
;
font-size
:
1
2
px
;
font-size
:
1
6
px
;
font-weight
:
normal
;
span
{
...
...
public/scss/channel/_style-icon.css
View file @
807743c
.style-icon-container
{
$
width
:
2
18
px
;
$
width
:
2
21
px
;
$
height
:
320px
;
$
space
:
15px
;
$
buttonWidth
:
140px
;
...
...
@@ -35,7 +35,7 @@
}
.brand-text-box
{
$
size
:
1
2
px
;
$
size
:
1
6
px
;
$
line-height
:
1.2
;
$
lines-to-show
:
3
;
...
...
public/scss/plugin/_slider.css
View file @
807743c
.slider
{
position
:
relative
;
height
:
327px
;
width
:
1
00%
;
width
:
1
920px
;
overflow
:
hidden
;
img
{
max-width
:
100%
;
max-height
:
100%
;
}
}
.slide-pagination
{
...
...
@@ -33,22 +29,6 @@
bottom
:
0
;
}
/*
.slide-pagination-last span {
display: block;
float: left;
position: relative;
margin: 0 3px;
width: 6px;
height: 6px;
background: #fff;
cursor: pointer;
opacity: 0.6;
z-index: 2;
}
*/
.slide-switch
{
display
:
none
;
...
...
Please
register
or
login
to post a comment