From 9ae46c9957e6455cce4d224e9e94657ac6ad32a6 Mon Sep 17 00:00:00 2001 From: Taric Xin Date: Thu, 24 Mar 2022 08:57:33 +0800 Subject: [PATCH] init --- .../layout/passport/passport.component.html | 18 +- .../layout/passport/passport.component.less | 44 ++- .../components/login/login.component.html | 2 +- src/assets/images/login/earth.png | Bin 0 -> 179747 bytes src/assets/images/login/login-bg.jpg | Bin 0 -> 257290 bytes src/assets/images/login/运多星logo-01.png | Bin 0 -> 18855 bytes src/assets/login/css/style.css | 77 +++++ src/assets/login/js/jquery.min.js | 6 + src/assets/login/js/script.js | 309 ++++++++++++++++++ src/index.html | 6 + 10 files changed, 456 insertions(+), 6 deletions(-) create mode 100644 src/assets/images/login/earth.png create mode 100644 src/assets/images/login/login-bg.jpg create mode 100644 src/assets/images/login/运多星logo-01.png create mode 100644 src/assets/login/css/style.css create mode 100644 src/assets/login/js/jquery.min.js create mode 100644 src/assets/login/js/script.js diff --git a/src/app/layout/passport/passport.component.html b/src/app/layout/passport/passport.component.html index 0f37d045..b6ad1782 100644 --- a/src/app/layout/passport/passport.component.html +++ b/src/app/layout/passport/passport.component.html @@ -1,5 +1,5 @@ - +
@@ -8,8 +8,18 @@
-
- -
+ + +
+ +
+
+ + + +
+
\ No newline at end of file diff --git a/src/app/layout/passport/passport.component.less b/src/app/layout/passport/passport.component.less index fc77bde8..c6208a48 100644 --- a/src/app/layout/passport/passport.component.less +++ b/src/app/layout/passport/passport.component.less @@ -11,7 +11,49 @@ box-shadow: 0px 5px 5px #d1d1d1; } - + nz-content { + background : url('../../../assets/images/login/login-bg.jpg') 100% 100% no-repeat; + background-size: cover + } + + passport-login { + background: transparent; + } + + .earth { + animation : eatthAnimation 60s linear infinite; + -webkit-animation: eatthAnimation 60s linear infinite; + max-width : 100%; + margin-top : -50px; + max-height : calc(100% - 64px); + border-radius : 40%; + } + + .earth:hover { + animation-play-state : paused; + -webkit-animation-play-state: paused; + } + + @keyframes eatthAnimation { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(360deg); + } + } + + @-webkit-keyframes eatthAnimation { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(360deg); + } + } + } } diff --git a/src/app/routes/passport/components/login/login.component.html b/src/app/routes/passport/components/login/login.component.html index 79afbdb7..07edd142 100644 --- a/src/app/routes/passport/components/login/login.component.html +++ b/src/app/routes/passport/components/login/login.component.html @@ -13,7 +13,7 @@
- +