Toggle navigation
Toggle navigation
This project
Loading...
Sign in
fe
/
YOHOBUYWAP
·
Commits
Go to a project
GitLab
Go to group
Project
Activity
Files
Commits
Pipelines
0
Builds
0
Graphs
Milestones
Issues
0
Merge Requests
0
Members
Labels
Wiki
Forks
Network
Create a new issue
Download as
Email Patches
Plain Diff
Browse Files
Authored by
liangxs
9 years ago
Commit
3f9ed8ce765ba79550ced0fc433ab1584afac42c
1 parent
3b0ce9a3
领券修改
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
29 additions
and
28 deletions
static/js/index/coupon.js
static/sass/home/_coupon.scss
template/m.yohobuy.com/actions/index/coupon/index.phtml
static/js/index/coupon.js
View file @
3f9ed8c
...
...
@@ -20,7 +20,7 @@ $receive.on('click', function() {
if
(
data
.
noLogin
===
true
)
{
location
.
href
=
data
.
url
+
'?contentCode='
+
getUrlParam
(
'contentCode'
);
}
else
{
if
(
!
status
)
{
if
(
status
)
{
$curDom
.
hide
();
$curDom
.
next
().
show
();
$tooltip
.
show
();
...
...
static/sass/home/_coupon.scss
View file @
3f9ed8c
.coupon-floor
{
float
:
left
;
width
:
100%
;
.floor-title
{
background-color
:
#fff
;
text-align
:
center
;
...
...
@@ -13,25 +14,24 @@
width
:
100%
;
background-size
:
100%
;
background-repeat
:
no-repeat
;
background-color
:
#000
;
padding
:
0
30rem
/
$pxConvertRem
;
padding
:
10rem
/
$pxConvertRem
30rem
/
$pxConvertRem
;
box-sizing
:
border-box
;
float
:
left
;
.main-left
{
float
:
left
;
width
:
467rem
/
$pxConvertRem
;
height
:
1
8
0rem
/
$pxConvertRem
;
height
:
1
6
0rem
/
$pxConvertRem
;
}
.main-right-receive
,
.main-right-use
,
.main-right-go
{
.main-right-receive
,
.main-right-use
,
.main-right-go
{
float
:
right
;
width
:
113rem
/
$pxConvertRem
;
height
:
1
8
0rem
/
$pxConvertRem
;
height
:
1
6
0rem
/
$pxConvertRem
;
position
:
relative
;
span
{
background-repeat
:no-repeat
;
background-repeat
:
no-repeat
;
background-size
:
contain
;
&
.on-receive
{
...
...
@@ -42,7 +42,7 @@
display
:
inline-block
;
width
:
52rem
/
$pxConvertRem
;
height
:
54rem
/
$pxConvertRem
;
background-image
:image-url
(
'coupon/click-txt.png'
)
;
background-image
:
image-url
(
'coupon/click-txt.png'
);
}
&
.received
{
...
...
@@ -82,10 +82,10 @@
position
:
fixed
;
top
:
50%
;
left
:
50%
;
width
:
550rem
/
$pxConvertRem
;
height
:
250rem
/
$pxConvertRem
;
margin-left
:
-275rem
/
$pxConvertRem
;
margin-top
:
-125rem
/
$pxConvertRem
;
width
:
550rem
/
$pxConvertRem
;
height
:
250rem
/
$pxConvertRem
;
margin-left
:
-275rem
/
$pxConvertRem
;
margin-top
:
-125rem
/
$pxConvertRem
;
z-index
:
10
;
background-color
:
rgba
(
250
,
250
,
250
,
.92
);
display
:
none
;
...
...
@@ -93,17 +93,17 @@
.coupon-message-content
{
border-bottom
:
1px
solid
rgb
(
197
,
197
,
197
);
height
:
160rem
/
$pxConvertRem
;
height
:
160rem
/
$pxConvertRem
;
text-align
:
center
;
line-height
:
160rem
/
$pxConvertRem
;
font-size
:
28rem
/
$pxConvertRem
;
line-height
:
160rem
/
$pxConvertRem
;
font-size
:
28rem
/
$pxConvertRem
;
}
.coupon-message-op
{
height
:
90rem
/
$pxConvertRem
;
height
:
90rem
/
$pxConvertRem
;
text-align
:
center
;
line-height
:
90rem
/
$pxConvertRem
;
font-size
:
32rem
/
$pxConvertRem
;
line-height
:
90rem
/
$pxConvertRem
;
font-size
:
32rem
/
$pxConvertRem
;
color
:
rgb
(
223
,
98
,
112
);
}
}
...
...
@@ -112,24 +112,24 @@
position
:
fixed
;
top
:
50%
;
left
:
50%
;
width
:
220rem
/
$pxConvertRem
;
height
:
140rem
/
$pxConvertRem
;
margin-left
:
-110rem
/
$pxConvertRem
;
margin-top
:
-70rem
/
$pxConvertRem
;
width
:
220rem
/
$pxConvertRem
;
height
:
140rem
/
$pxConvertRem
;
margin-left
:
-110rem
/
$pxConvertRem
;
margin-top
:
-70rem
/
$pxConvertRem
;
z-index
:
11
;
background-color
:
rgba
(
60
,
60
,
60
,
.7
);
display
:
none
;
border-radius
:
8rem
/
$pxConvertRem
;
border-radius
:
8rem
/
$pxConvertRem
;
color
:
#fff
;
.icon-box
{
height
:
84rem
/
$pxConvertRem
;
line-height
:
84rem
/
$pxConvertRem
;
height
:
84rem
/
$pxConvertRem
;
line-height
:
84rem
/
$pxConvertRem
;
text-align
:
center
;
}
.icon-msg
{
height
:
56rem
/
$pxConvertRem
;
height
:
56rem
/
$pxConvertRem
;
text-align
:
center
;
}
}
\ No newline at end of file
...
...
template/m.yohobuy.com/actions/index/coupon/index.phtml
View file @
3f9ed8c
{
{>layout/header
}
}
{
{#
content
}
}
{
{>home/baner_top
}
}
{
{#
floor
}
}
{
{#if
isCoupon
}
}
<div
class=
"coupon-floor"
>
{
{#if
showFloorTitle
}
}
...
...
@@ -30,7 +31,7 @@
</div>
</div>
{
{/if
}
}
{
{/
content
}
}
{
{/
floor
}
}
<div
class=
"floor-mask"
></div>
<div
class=
"floor-message"
>
<div
class=
"coupon-message-content"
></div>
...
...
Please
register
or
login
to post a comment