Skip to content
Toggle navigation
P
Projects
G
Groups
S
Snippets
Help
php
/
x50-avatar
This project
Loading...
Sign in
Toggle navigation
Go to a project
Project
Repository
Issues
0
Merge Requests
0
Pipelines
Wiki
Members
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Commit
4a591df2
authored
May 21, 2020
by
doszhang
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'master' into release
parents
b8f70c07
c8db4a73
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
15 additions
and
9 deletions
+15
-9
Public/static/css/._main.min.css
+0
-0
Public/static/css/main.min.css
+2
-2
Public/static/images/1597_1590047583.png
+0
-0
Public/static/js/common.js
+13
-7
No files found.
Public/static/css/._main.min.css
View file @
4a591df2
No preview for this file type
Public/static/css/main.min.css
View file @
4a591df2
body
{
margin
:
0
;
padding
:
0
;
-webkit-text-size-adjust
:
none
;}
.hide
{
display
:
none
;}
.page
{
width
:
640px
;
height
:
1238px
;
position
:
relative
;
display
:
none
;
overflow
:
hidden
;
margin
:
0
auto
;}
.page-2081
{
display
:
block
}
input
,
textarea
,
img
{
border
:
0
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
margin
:
0
;
padding
:
0
;}
input
,
textarea
{
background
:
transparent
;}
input
[
type
=
file
]
{
opacity
:
0
;}
.res-28699
{
position
:
absolute
;
opacity
:
1
;
width
:
640px
;
height
:
1238px
;
background
:
url(../images/8976_1589985314.jpg)
left
top
no-repeat
;}
.res-28660
{
position
:
absolute
;
opacity
:
1
;
left
:
78px
;
top
:
608px
;
width
:
219px
;
height
:
272px
;
background
:
url(../images/2493_1589893407.png)
left
top
no-repeat
;}
.animated
.res-28660
{
-webkit-animation-name
:
fadeInLeft
;
-webkit-animation-duration
:
1s
;
-webkit-animation-delay
:
0.5s
;
-webkit-animation-timing-function
:
ease
;
-webkit-animation-iteration-count
:
1
;
-webkit-animation-fill-mode
:
backwards
;}
.res-28661
{
position
:
absolute
;
opacity
:
1
;
left
:
339px
;
top
:
608px
;
width
:
219px
;
height
:
272px
;
background
:
url(../images/6370_1589893407.png)
left
top
no-repeat
;}
.animated
.res-28661
{
-webkit-animation-name
:
fadeInRight
;
-webkit-animation-duration
:
1s
;
-webkit-animation-delay
:
0.5s
;
-webkit-animation-timing-function
:
ease
;
-webkit-animation-iteration-count
:
1
;
-webkit-animation-fill-mode
:
backwards
;}
.res-28662
{
position
:
absolute
;
opacity
:
1
;
left
:
147px
;
top
:
412px
;
width
:
347px
;
height
:
77px
;
background
:
url(../images/3317_1589893408.png)
left
top
no-repeat
;}
.animated
.res-28662
{
-webkit-animation-name
:
flipInX
;
-webkit-animation-duration
:
1s
;
-webkit-animation-delay
:
0s
;
-webkit-animation-timing-function
:
ease
;
-webkit-animation-iteration-count
:
1
;
-webkit-animation-fill-mode
:
none
;}
.res-28663
{
position
:
absolute
;
opacity
:
1
;
left
:
85px
;
top
:
222px
;
width
:
472px
;
height
:
90px
;
background
:
url(../images/8375_1589893408.png)
left
top
no-repeat
;}
.animated
.res-28663
{
-webkit-animation-name
:
fadeInDown
;
-webkit-animation-duration
:
1s
;
-webkit-animation-delay
:
0s
;
-webkit-animation-timing-function
:
ease
;
-webkit-animation-iteration-count
:
1
;
-webkit-animation-fill-mode
:
none
;}
.res-28664
{
position
:
absolute
;
opacity
:
1
;
left
:
44px
;
top
:
29px
;
width
:
155px
;
height
:
42px
;
background
:
url(../images/5731_1575604161.png)
left
top
no-repeat
;}
.res-28680
{
position
:
absolute
;
opacity
:
1
;
left
:
556px
;
top
:
576px
;
width
:
36px
;
height
:
60px
;
background
:
url(../images/9564_1589894727.png)
left
top
no-repeat
;}
.res-28686
{
position
:
absolute
;
opacity
:
1
;
width
:
640px
;
height
:
1238px
;
background
:
url(../images/5132_1589894623.jpg)
left
top
no-repeat
;}
.res-28679
{
position
:
absolute
;
opacity
:
1
;
left
:
49px
;
top
:
576px
;
width
:
36px
;
height
:
60px
;
background
:
url(../images/3078_1589894727.png)
left
top
no-repeat
;}
.res-28677
{
position
:
absolute
;
opacity
:
1
;
left
:
85px
;
top
:
207px
;
width
:
472px
;
height
:
90px
;
background
:
url(../images/8375_1589893408.png)
left
top
no-repeat
;}
.animated
.res-28677
{
-webkit-animation-name
:
bounceIn
;
-webkit-animation-duration
:
1s
;
-webkit-animation-delay
:
0s
;
-webkit-animation-timing-function
:
ease
;
-webkit-animation-iteration-count
:
1
;
-webkit-animation-fill-mode
:
none
;}
.res-28701
{
position
:
absolute
;
opacity
:
1
;
left
:
74px
;
top
:
18px
;
width
:
268px
;
height
:
40px
;
background
:
url(../images/1150_1590041567.png)
left
top
no-repeat
;}
.res-28681
{
position
:
absolute
;
top
:
405px
;
width
:
640px
;
height
:
410px
;}
.res-28676
{
position
:
absolute
;
opacity
:
1
;
left
:
116px
;
top
:
841px
;
width
:
411px
;
height
:
73px
;
background
:
url(../images/9662_1589894624.png)
left
top
no-repeat
;}
.res-28673
{
position
:
absolute
;
opacity
:
1
;
width
:
640px
;
height
:
1238px
;
background
:
url(../images/5132_1589894623.jpg)
left
top
no-repeat
;}
.res-28674
{
position
:
absolute
;
opacity
:
1
;
left
:
126px
;
top
:
982px
;
width
:
393px
;
height
:
74px
;
background
:
url(../images/5563_1589894623.png)
left
top
no-repeat
;}
.res-28682
{
position
:
absolute
;
opacity
:
1
;
left
:
44px
;
top
:
35px
;
width
:
154px
;
height
:
41px
;
background
:
url(../images/5731_1575604161.png)
left
top
no-repeat
;}
.res-28683
{
position
:
absolute
;
left
:
142px
;
top
:
430px
;
width
:
357px
;
height
:
357px
;}
.res-28684
{
position
:
absolute
;
left
:
126px
;
top
:
982px
;
width
:
393px
;
height
:
73px
;
background
:
url(../images/8680_1589895534.png)
left
top
no-repeat
;}
.res-28685
{
position
:
absolute
;
left
:
227px
;
top
:
828px
;
width
:
187px
;
height
:
29px
;
background
:
url(../images/9374_1589895534.png)
left
top
no-repeat
;}
.res-28702
{
position
:
absolute
;
opacity
:
1
;
left
:
74px
;
top
:
18px
;
width
:
268px
;
height
:
40px
;
background
:
url(../images/1150_1590041567.png)
left
top
no-repeat
;}
.res-28688
{
position
:
absolute
;
opacity
:
1
;
left
:
116px
;
top
:
841px
;
width
:
411px
;
height
:
73px
;
background
:
url(../images/9662_1589894624.png)
left
top
no-repeat
;}
.res-28703
{
position
:
absolute
;
opacity
:
1
;
left
:
132px
;
top
:
343px
;
width
:
377px
;
height
:
49px
;
background
:
url(../images/1663_1590041567.png)
left
top
no-repeat
;}
.res-28690
{
position
:
absolute
;
opacity
:
1
;
left
:
126px
;
top
:
982px
;
width
:
393px
;
height
:
74px
;
background
:
url(../images/5563_1589894623.png)
left
top
no-repeat
;}
.res-28698
{
position
:
absolute
;
opacity
:
1
;
left
:
142px
;
top
:
418px
;
width
:
357px
;
height
:
357px
;
background
:
url(../images/1684_1589939173.png)
left
top
no-repeat
;}
.res-28692
{
position
:
absolute
;
opacity
:
1
;
left
:
85px
;
top
:
207px
;
width
:
472px
;
height
:
90px
;
background
:
url(../images/8375_1589893408.png)
left
top
no-repeat
;}
.animated
.res-28692
{
-webkit-animation-name
:
bounceIn
;
-webkit-animation-duration
:
1s
;
-webkit-animation-delay
:
0s
;
-webkit-animation-timing-function
:
ease
;
-webkit-animation-iteration-count
:
1
;
-webkit-animation-fill-mode
:
none
;}
.res-28694
{
position
:
absolute
;
opacity
:
1
;
left
:
44px
;
top
:
35px
;
width
:
154px
;
height
:
41px
;
background
:
url(../images/5731_1575604161.png)
left
top
no-repeat
;}
.res-28695
{
position
:
absolute
;
left
:
126px
;
top
:
982px
;
width
:
393px
;
height
:
73px
;
background
:
url(../images/8680_1589895534.png)
left
top
no-repeat
;}
.res-28696
{
position
:
absolute
;
left
:
227px
;
top
:
828px
;
width
:
187px
;
height
:
29px
;
background
:
url(../images/9374_1589895534.png)
left
top
no-repeat
;}
.res-28697
{
position
:
absolute
;
left
:
142px
;
top
:
418px
;
width
:
357px
;
height
:
357px
;}
@-webkit-keyframes
fadeInLeft
{
from
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
-100%
,
0
,
0
);
transform
:
translate3d
(
-100%
,
0
,
0
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
none
;
transform
:
none
}}
@keyframes
fadeInLeft
{
from
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
-100%
,
0
,
0
);
transform
:
translate3d
(
-100%
,
0
,
0
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
none
;
transform
:
none
}}
@-webkit-keyframes
fadeInRight
{
from
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
100%
,
0
,
0
);
transform
:
translate3d
(
100%
,
0
,
0
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
none
;
transform
:
none
}}
@keyframes
fadeInRight
{
from
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
100%
,
0
,
0
);
transform
:
translate3d
(
100%
,
0
,
0
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
none
;
transform
:
none
}}
@-webkit-keyframes
flipInX
{
from
{
-webkit-transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
90deg
);
transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
90deg
);
-webkit-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
;
opacity
:
0
}
40
%
{
-webkit-transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
-20deg
);
transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
-20deg
);
-webkit-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
}
60
%
{
-webkit-transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
10deg
);
transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
10deg
);
opacity
:
1
}
80
%
{
-webkit-transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
-5deg
);
transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
-5deg
)}
100
%
{
-webkit-transform
:
perspective
(
400px
);
transform
:
perspective
(
400px
)}}
@keyframes
flipInX
{
from
{
-webkit-transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
90deg
);
transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
90deg
);
-webkit-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
;
opacity
:
0
}
40
%
{
-webkit-transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
-20deg
);
transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
-20deg
);
-webkit-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
}
60
%
{
-webkit-transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
10deg
);
transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
10deg
);
opacity
:
1
}
80
%
{
-webkit-transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
-5deg
);
transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
-5deg
)}
100
%
{
-webkit-transform
:
perspective
(
400px
);
transform
:
perspective
(
400px
)}}
@-webkit-keyframes
fadeInDown
{
from
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
-100%
,
0
);
transform
:
translate3d
(
0
,
-100%
,
0
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
none
;
transform
:
none
}}
@keyframes
fadeInDown
{
from
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
-100%
,
0
);
transform
:
translate3d
(
0
,
-100%
,
0
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
none
;
transform
:
none
}}
@-webkit-keyframes
bounceIn
{
100
%,
20
%,
40
%,
60
%,
80
%,
from
{
-webkit-animation-timing-function
:
cubic-bezier
(
0.215
,
.61
,
.355
,
1
);
animation-timing-function
:
cubic-bezier
(
0.215
,
.61
,
.355
,
1
)}
0
%
{
opacity
:
0
;
-webkit-transform
:
scale3d
(
.3
,
.3
,
.3
);
transform
:
scale3d
(
.3
,
.3
,
.3
)}
20
%
{
-webkit-transform
:
scale3d
(
1.1
,
1.1
,
1.1
);
transform
:
scale3d
(
1.1
,
1.1
,
1.1
)}
40
%
{
-webkit-transform
:
scale3d
(
.9
,
.9
,
.9
);
transform
:
scale3d
(
.9
,
.9
,
.9
)}
60
%
{
opacity
:
1
;
-webkit-transform
:
scale3d
(
1.03
,
1.03
,
1.03
);
transform
:
scale3d
(
1.03
,
1.03
,
1.03
)}
80
%
{
-webkit-transform
:
scale3d
(
.97
,
.97
,
.97
);
transform
:
scale3d
(
.97
,
.97
,
.97
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
scale3d
(
1
,
1
,
1
);
transform
:
scale3d
(
1
,
1
,
1
)}}
@keyframes
bounceIn
{
100
%,
20
%,
40
%,
60
%,
80
%,
from
{
-webkit-animation-timing-function
:
cubic-bezier
(
0.215
,
.61
,
.355
,
1
);
animation-timing-function
:
cubic-bezier
(
0.215
,
.61
,
.355
,
1
)}
0
%
{
opacity
:
0
;
-webkit-transform
:
scale3d
(
.3
,
.3
,
.3
);
transform
:
scale3d
(
.3
,
.3
,
.3
)}
20
%
{
-webkit-transform
:
scale3d
(
1.1
,
1.1
,
1.1
);
transform
:
scale3d
(
1.1
,
1.1
,
1.1
)}
40
%
{
-webkit-transform
:
scale3d
(
.9
,
.9
,
.9
);
transform
:
scale3d
(
.9
,
.9
,
.9
)}
60
%
{
opacity
:
1
;
-webkit-transform
:
scale3d
(
1.03
,
1.03
,
1.03
);
transform
:
scale3d
(
1.03
,
1.03
,
1.03
)}
80
%
{
-webkit-transform
:
scale3d
(
.97
,
.97
,
.97
);
transform
:
scale3d
(
.97
,
.97
,
.97
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
scale3d
(
1
,
1
,
1
);
transform
:
scale3d
(
1
,
1
,
1
)}}
\ No newline at end of file
body
{
margin
:
0
;
padding
:
0
;
-webkit-text-size-adjust
:
none
;}
.hide
{
display
:
none
;}
.page
{
width
:
640px
;
height
:
1238px
;
position
:
relative
;
display
:
none
;
overflow
:
hidden
;
margin
:
0
auto
;}
.page-2081
{
display
:
block
}
input
,
textarea
,
img
{
border
:
0
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
margin
:
0
;
padding
:
0
;}
input
,
textarea
{
background
:
transparent
;}
input
[
type
=
file
]
{
opacity
:
0
;}
.res-28699
{
position
:
absolute
;
opacity
:
1
;
width
:
640px
;
height
:
1238px
;
background
:
url(../images/8976_1589985314.jpg)
left
top
no-repeat
;}
.res-28660
{
position
:
absolute
;
opacity
:
1
;
left
:
78px
;
top
:
608px
;
width
:
219px
;
height
:
272px
;
background
:
url(../images/2493_1589893407.png)
left
top
no-repeat
;}
.animated
.res-28660
{
-webkit-animation-name
:
fadeInLeft
;
-webkit-animation-duration
:
1s
;
-webkit-animation-delay
:
0.5s
;
-webkit-animation-timing-function
:
ease
;
-webkit-animation-iteration-count
:
1
;
-webkit-animation-fill-mode
:
backwards
;}
.res-28661
{
position
:
absolute
;
opacity
:
1
;
left
:
339px
;
top
:
608px
;
width
:
219px
;
height
:
272px
;
background
:
url(../images/6370_1589893407.png)
left
top
no-repeat
;}
.animated
.res-28661
{
-webkit-animation-name
:
fadeInRight
;
-webkit-animation-duration
:
1s
;
-webkit-animation-delay
:
0.5s
;
-webkit-animation-timing-function
:
ease
;
-webkit-animation-iteration-count
:
1
;
-webkit-animation-fill-mode
:
backwards
;}
.res-28662
{
position
:
absolute
;
opacity
:
1
;
left
:
147px
;
top
:
412px
;
width
:
347px
;
height
:
77px
;
background
:
url(../images/3317_1589893408.png)
left
top
no-repeat
;}
.animated
.res-28662
{
-webkit-animation-name
:
flipInX
;
-webkit-animation-duration
:
1s
;
-webkit-animation-delay
:
0s
;
-webkit-animation-timing-function
:
ease
;
-webkit-animation-iteration-count
:
1
;
-webkit-animation-fill-mode
:
none
;}
.res-28663
{
position
:
absolute
;
opacity
:
1
;
left
:
85px
;
top
:
222px
;
width
:
472px
;
height
:
90px
;
background
:
url(../images/8375_1589893408.png)
left
top
no-repeat
;}
.animated
.res-28663
{
-webkit-animation-name
:
fadeInDown
;
-webkit-animation-duration
:
1s
;
-webkit-animation-delay
:
0s
;
-webkit-animation-timing-function
:
ease
;
-webkit-animation-iteration-count
:
1
;
-webkit-animation-fill-mode
:
none
;}
.res-28664
{
position
:
absolute
;
opacity
:
1
;
left
:
44px
;
top
:
29px
;
width
:
160px
;
height
:
42px
;
background
:
url(../images/5731_1575604161.png)
left
top
no-repeat
;}
.res-28680
{
position
:
absolute
;
opacity
:
1
;
left
:
556px
;
top
:
576px
;
width
:
36px
;
height
:
60px
;
background
:
url(../images/9564_1589894727.png)
left
top
no-repeat
;}
.res-28686
{
position
:
absolute
;
opacity
:
1
;
width
:
640px
;
height
:
1238px
;
background
:
url(../images/5132_1589894623.jpg)
left
top
no-repeat
;}
.res-28679
{
position
:
absolute
;
opacity
:
1
;
left
:
49px
;
top
:
576px
;
width
:
36px
;
height
:
60px
;
background
:
url(../images/3078_1589894727.png)
left
top
no-repeat
;}
.res-28677
{
position
:
absolute
;
opacity
:
1
;
left
:
85px
;
top
:
207px
;
width
:
472px
;
height
:
90px
;
background
:
url(../images/8375_1589893408.png)
left
top
no-repeat
;}
.animated
.res-28677
{
-webkit-animation-name
:
bounceIn
;
-webkit-animation-duration
:
1s
;
-webkit-animation-delay
:
0s
;
-webkit-animation-timing-function
:
ease
;
-webkit-animation-iteration-count
:
1
;
-webkit-animation-fill-mode
:
none
;}
.res-28701
{
position
:
absolute
;
opacity
:
1
;
left
:
74px
;
top
:
18px
;
width
:
268px
;
height
:
40px
;
background
:
url(../images/1150_1590041567.png)
left
top
no-repeat
;}
.res-28681
{
position
:
absolute
;
top
:
405px
;
width
:
640px
;
height
:
410px
;}
.res-28676
{
position
:
absolute
;
opacity
:
1
;
left
:
116px
;
top
:
841px
;
width
:
411px
;
height
:
73px
;
background
:
url(../images/9662_1589894624.png)
left
top
no-repeat
;}
.res-28673
{
position
:
absolute
;
opacity
:
1
;
width
:
640px
;
height
:
1238px
;
background
:
url(../images/5132_1589894623.jpg)
left
top
no-repeat
;}
.res-28674
{
position
:
absolute
;
opacity
:
1
;
left
:
126px
;
top
:
982px
;
width
:
393px
;
height
:
74px
;
background
:
url(../images/5563_1589894623.png)
left
top
no-repeat
;}
.res-28682
{
position
:
absolute
;
opacity
:
1
;
left
:
44px
;
top
:
35px
;
width
:
160px
;
height
:
50px
;
background
:
url(../images/5731_1575604161.png)
left
top
no-repeat
;}
.res-28683
{
position
:
absolute
;
left
:
142px
;
top
:
430px
;
width
:
357px
;
height
:
357px
;}
.res-28684
{
position
:
absolute
;
left
:
126px
;
top
:
982px
;
width
:
393px
;
height
:
73px
;
background
:
url(../images/8680_1589895534.png)
left
top
no-repeat
;}
.res-28685
{
position
:
absolute
;
left
:
227px
;
top
:
828px
;
width
:
187px
;
height
:
29px
;
background
:
url(../images/9374_1589895534.png)
left
top
no-repeat
;}
.res-28702
{
position
:
absolute
;
opacity
:
1
;
left
:
74px
;
top
:
18px
;
width
:
268px
;
height
:
40px
;
background
:
url(../images/1150_1590041567.png)
left
top
no-repeat
;}
.res-28688
{
position
:
absolute
;
opacity
:
1
;
left
:
116px
;
top
:
841px
;
width
:
411px
;
height
:
73px
;
background
:
url(../images/9662_1589894624.png)
left
top
no-repeat
;}
.res-28703
{
position
:
absolute
;
opacity
:
1
;
left
:
132px
;
top
:
343px
;
width
:
377px
;
height
:
49px
;
background
:
url(../images/1663_1590041567.png)
left
top
no-repeat
;}
.res-28690
{
position
:
absolute
;
opacity
:
1
;
left
:
126px
;
top
:
982px
;
width
:
393px
;
height
:
74px
;
background
:
url(../images/5563_1589894623.png)
left
top
no-repeat
;}
.res-28698
{
position
:
absolute
;
opacity
:
1
;
left
:
142px
;
top
:
418px
;
width
:
357px
;
height
:
357px
;
background
:
url(../images/1684_1589939173.png)
left
top
no-repeat
;}
.res-28692
{
position
:
absolute
;
opacity
:
1
;
left
:
85px
;
top
:
207px
;
width
:
472px
;
height
:
90px
;
background
:
url(../images/8375_1589893408.png)
left
top
no-repeat
;}
.animated
.res-28692
{
-webkit-animation-name
:
bounceIn
;
-webkit-animation-duration
:
1s
;
-webkit-animation-delay
:
0s
;
-webkit-animation-timing-function
:
ease
;
-webkit-animation-iteration-count
:
1
;
-webkit-animation-fill-mode
:
none
;}
.res-28694
{
position
:
absolute
;
opacity
:
1
;
left
:
44px
;
top
:
35px
;
width
:
160px
;
height
:
50px
;
background
:
url(../images/5731_1575604161.png)
left
top
no-repeat
;}
.res-28695
{
position
:
absolute
;
left
:
126px
;
top
:
982px
;
width
:
393px
;
height
:
73px
;
background
:
url(../images/8680_1589895534.png)
left
top
no-repeat
;}
.res-28696
{
position
:
absolute
;
left
:
227px
;
top
:
828px
;
width
:
187px
;
height
:
29px
;
background
:
url(../images/9374_1589895534.png)
left
top
no-repeat
;}
.res-28697
{
position
:
absolute
;
left
:
142px
;
top
:
418px
;
width
:
357px
;
height
:
357px
;}
.res-28705
{
position
:
absolute
;
left
:
72px
;
top
:
779px
;
width
:
490px
;
height
:
55px
;
background
:
url(../images/1597_1590047583.png)
left
top
no-repeat
;}
.animated
.res-28705
{
-webkit-animation-name
:
custom_css_86
;
-webkit-animation-duration
:
2s
;
-webkit-animation-delay
:
0s
;
-webkit-animation-timing-function
:
linear
;
-webkit-animation-iteration-count
:
infinite
;
-webkit-animation-fill-mode
:
none
;}
@-webkit-keyframes
fadeInLeft
{
from
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
-100%
,
0
,
0
);
transform
:
translate3d
(
-100%
,
0
,
0
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
none
;
transform
:
none
}}
@keyframes
fadeInLeft
{
from
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
-100%
,
0
,
0
);
transform
:
translate3d
(
-100%
,
0
,
0
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
none
;
transform
:
none
}}
@-webkit-keyframes
fadeInRight
{
from
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
100%
,
0
,
0
);
transform
:
translate3d
(
100%
,
0
,
0
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
none
;
transform
:
none
}}
@keyframes
fadeInRight
{
from
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
100%
,
0
,
0
);
transform
:
translate3d
(
100%
,
0
,
0
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
none
;
transform
:
none
}}
@-webkit-keyframes
flipInX
{
from
{
-webkit-transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
90deg
);
transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
90deg
);
-webkit-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
;
opacity
:
0
}
40
%
{
-webkit-transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
-20deg
);
transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
-20deg
);
-webkit-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
}
60
%
{
-webkit-transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
10deg
);
transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
10deg
);
opacity
:
1
}
80
%
{
-webkit-transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
-5deg
);
transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
-5deg
)}
100
%
{
-webkit-transform
:
perspective
(
400px
);
transform
:
perspective
(
400px
)}}
@keyframes
flipInX
{
from
{
-webkit-transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
90deg
);
transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
90deg
);
-webkit-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
;
opacity
:
0
}
40
%
{
-webkit-transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
-20deg
);
transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
-20deg
);
-webkit-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
}
60
%
{
-webkit-transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
10deg
);
transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
10deg
);
opacity
:
1
}
80
%
{
-webkit-transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
-5deg
);
transform
:
perspective
(
400px
)
rotate3d
(
1
,
0
,
0
,
-5deg
)}
100
%
{
-webkit-transform
:
perspective
(
400px
);
transform
:
perspective
(
400px
)}}
@-webkit-keyframes
fadeInDown
{
from
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
-100%
,
0
);
transform
:
translate3d
(
0
,
-100%
,
0
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
none
;
transform
:
none
}}
@keyframes
fadeInDown
{
from
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
-100%
,
0
);
transform
:
translate3d
(
0
,
-100%
,
0
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
none
;
transform
:
none
}}
@-webkit-keyframes
bounceIn
{
100
%,
20
%,
40
%,
60
%,
80
%,
from
{
-webkit-animation-timing-function
:
cubic-bezier
(
0.215
,
.61
,
.355
,
1
);
animation-timing-function
:
cubic-bezier
(
0.215
,
.61
,
.355
,
1
)}
0
%
{
opacity
:
0
;
-webkit-transform
:
scale3d
(
.3
,
.3
,
.3
);
transform
:
scale3d
(
.3
,
.3
,
.3
)}
20
%
{
-webkit-transform
:
scale3d
(
1.1
,
1.1
,
1.1
);
transform
:
scale3d
(
1.1
,
1.1
,
1.1
)}
40
%
{
-webkit-transform
:
scale3d
(
.9
,
.9
,
.9
);
transform
:
scale3d
(
.9
,
.9
,
.9
)}
60
%
{
opacity
:
1
;
-webkit-transform
:
scale3d
(
1.03
,
1.03
,
1.03
);
transform
:
scale3d
(
1.03
,
1.03
,
1.03
)}
80
%
{
-webkit-transform
:
scale3d
(
.97
,
.97
,
.97
);
transform
:
scale3d
(
.97
,
.97
,
.97
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
scale3d
(
1
,
1
,
1
);
transform
:
scale3d
(
1
,
1
,
1
)}}
@keyframes
bounceIn
{
100
%,
20
%,
40
%,
60
%,
80
%,
from
{
-webkit-animation-timing-function
:
cubic-bezier
(
0.215
,
.61
,
.355
,
1
);
animation-timing-function
:
cubic-bezier
(
0.215
,
.61
,
.355
,
1
)}
0
%
{
opacity
:
0
;
-webkit-transform
:
scale3d
(
.3
,
.3
,
.3
);
transform
:
scale3d
(
.3
,
.3
,
.3
)}
20
%
{
-webkit-transform
:
scale3d
(
1.1
,
1.1
,
1.1
);
transform
:
scale3d
(
1.1
,
1.1
,
1.1
)}
40
%
{
-webkit-transform
:
scale3d
(
.9
,
.9
,
.9
);
transform
:
scale3d
(
.9
,
.9
,
.9
)}
60
%
{
opacity
:
1
;
-webkit-transform
:
scale3d
(
1.03
,
1.03
,
1.03
);
transform
:
scale3d
(
1.03
,
1.03
,
1.03
)}
80
%
{
-webkit-transform
:
scale3d
(
.97
,
.97
,
.97
);
transform
:
scale3d
(
.97
,
.97
,
.97
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
scale3d
(
1
,
1
,
1
);
transform
:
scale3d
(
1
,
1
,
1
)}}
@keyframes
custom_css_86
{
0
%,
100
%
{
opacity
:
0
;}
10
%,
90
%
{
opacity
:
1
;}}
\ No newline at end of file
Public/static/images/1597_1590047583.png
0 → 100644
View file @
4a591df2
5.04 KB
Public/static/js/common.js
View file @
4a591df2
...
...
@@ -57,7 +57,7 @@ $(document).ready(function () {
});
}
$
(
'.container'
).
css
(
'height'
,
document
.
documentElement
.
clientHeight
+
'px'
);
var
fixHeight
=
(
$
(
'.page'
).
height
()
-
document
.
documentElement
.
clientHeight
)
/
2
;
var
fixHeight
=
Math
.
abs
(
$
(
'.page'
).
height
()
-
document
.
documentElement
.
clientHeight
)
/
2
;
$
(
'.logo'
).
css
(
'top'
,
fixHeight
+
30
+
'px'
);
$
(
"input"
).
on
(
"blur"
,
function
()
{
window
.
scroll
(
0
,
0
);
//失焦后强制让页面归位
...
...
@@ -81,11 +81,16 @@ $(document).ready(function () {
$
(
'.again,.saveTip'
).
hide
();
$
(
'.inputTip'
).
show
();
$
(
'.page'
).
hide
().
filter
(
'.page0'
).
show
();
ctx
.
save
();
ctx
.
clearRect
(
0
,
0
,
canvas
.
width
,
canvas
.
height
);
ctx
.
fillStyle
=
"#ffffff"
;
ctx
.
fillRect
(
0
,
0
,
canvas
.
width
,
canvas
.
height
);
})
$
(
'.make'
).
on
(
'click'
,
function
()
{
if
(
!
inited
)
{
return
;
}
$
(
'.usertips'
).
hide
();
var
text
=
$
.
trim
(
$
(
'.page:visible'
).
find
(
'input[type=text]'
).
val
());
if
(
text
===
''
)
{
showTip
(
'您还没有输入名字'
);
...
...
@@ -167,6 +172,7 @@ $(document).ready(function () {
})
$
(
'input[type=file]'
).
on
(
'change'
,
function
()
{
$
(
'.imgTip'
).
find
(
'canvas'
).
show
();
$
(
'.usertips'
).
show
();
imgInfo
=
{
x
:
0
,
y
:
0
,
...
...
@@ -205,16 +211,16 @@ $(document).ready(function () {
objectImg
.
crossOrigin
=
"Anonymous"
;
objectImg
.
setAttribute
(
'crossOrigin'
,
'anonymous'
);
objectImg
.
onload
=
function
()
{
var
scale
=
1
,
width
=
objectImg
.
width
,
height
=
objectImg
.
height
;
var
scale
=
1
.3
,
width
=
objectImg
.
width
*
2
,
height
=
objectImg
.
height
*
2
;
if
(
rotation
===
90
||
rotation
===
270
)
{
width
=
objectImg
.
height
;
height
=
objectImg
.
width
;
}
uploadedImg
=
document
.
createElement
(
'CANVAS'
);
var
uploadctx
=
uploadedImg
.
getContext
(
'2d'
);
var
scale
=
1
;
var
scale
=
1
.3
;
if
(
width
<
height
)
{
scale
=
1000
/
width
;
}
else
{
...
...
@@ -349,8 +355,8 @@ mc.on('panstart panmove panend', function (event) {
oldpoz
.
x
=
event
.
deltaX
;
oldpoz
.
y
=
event
.
deltaY
;
//console.log("movedX:" + movedX + ' movedY:' + movedY + 'event.deltaX:' + event.deltaX + ' event.deltaY:' + event.deltaY + "\r\n");
imgInfo
.
x
+=
movedX
;
imgInfo
.
y
+=
movedY
;
imgInfo
.
x
+=
movedX
*
4
;
imgInfo
.
y
+=
movedY
*
4
;
drawImage
();
}
//苹果手机自动调整图片 不需要旋转
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment
