Rainie/bbq
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

edit

Browse Source
This commit is contained in:
Taric Xin
2022-03-29 09:13:02 +08:00
parent 3a822d7d33
commit b7ab261549
7 changed files with 21 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/app/layout/passport/passport.component.html
View File

@ -9,13 +9,14 @@
</nz-header> --> </nz-header> -->
<nz-content class="content"> <nz-content class="content">
<nz-row> <nz-row>
<nz-col nzSpan="14" style="max-height : calc(100% - 64px);"> <nz-col nzSm="0" nzMd="16" nzLg="14" nzXl="14" >
<div class="earth-box"> <div style="width: 100%;height: 100%;display: flex;align-items: center;min-height: 700px;">
<img class="earth" src="./assets/images/login/earth.png" alt=""> <div class="earth-box">
<img class="logo" src="./assets/images/login/运多星logo反白.png" alt=""> <div class="earth" style="width: 100%;height: 100%;"></div>
</div>
</div> </div>
</nz-col> </nz-col>
<nz-col nzSpan="7" style="z-index: 9999; padding-top : 64px;"> <nz-col nzXs="24" nzSm="24" nzMd="8" nzLg="8" nzXl="7" style="z-index: 9999; padding-top : 64px;">
<router-outlet></router-outlet> <router-outlet></router-outlet>
</nz-col> </nz-col>
</nz-row> </nz-row>

18
src/app/layout/passport/passport.component.less
View File

@ -14,7 +14,7 @@
nz-content { nz-content {
background : url('../../../assets/images/login/login-bg.jpg') 100% 100% no-repeat; background : url('../../../assets/images/login/login-bg.jpg') 100% 100% no-repeat;
background-size: cover; background-size: cover;
overflow : hidden; overflow : auto;
} }
passport-login { passport-login {
@ -22,18 +22,22 @@
} }
.earth-box { .earth-box {
background : url('../../../assets/images/login/5-地球元素02.png') 100% 100% no-repeat; background : url('../../../assets/images/login/5-地球元素.png') 100% 100% no-repeat;
background-size: cover; background-size : cover;
overflow : hidden; background-position: center;
// overflow : hidden;
width : 100%;
height : 100%;
} }
.earth { .earth {
// animation : eatthAnimation 60s linear infinite; // animation : eatthAnimation 60s linear infinite;
// -webkit-animation: eatthAnimation 60s linear infinite; // -webkit-animation: eatthAnimation 60s linear infinite;
max-width : 100%; max-width : 100%;
margin-top : -50px; height : 100%;
// margin-top : -50px;
// max-height : calc(100% - 64px); // max-height : calc(100% - 64px);
border-radius : 40%; // border-radius : 40%;
} }
.logo { .logo {

4
src/app/routes/passport/components/login/login.component.html
View File

@ -10,9 +10,7 @@
--> -->
<div class="body-box"> <div class="body-box">
<div> <div></div>
</div>
<div> <div>
<div class="box-content d-flex"> <div class="box-content d-flex">
<!-- <img src="./assets/images/user/login-image.png" class="login-logo" alt="" /> --> <!-- <img src="./assets/images/user/login-image.png" class="login-logo" alt="" /> -->

BIN
src/assets/images/login/2-界面背景-1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 316 KiB

BIN
src/assets/images/login/5-地球元素.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 304 KiB

2
src/assets/login/css/style.css
View File

@ -4,7 +4,7 @@
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
height: calc( 100% - 64px ); height: 100%;
/* background-color: #171717; */ /* background-color: #171717; */
} }
.particle-network-animation::before { .particle-network-animation::before {

4
src/index.html
View File

@ -61,8 +61,8 @@
class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i></span> class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i></span>
</div> </div>
</div> </div>
<div class='particle-network-animation'></div> <!-- <div class='particle-network-animation'></div>
<script type="text/javascript" src="./assets/login/js/script.js"></script> <script type="text/javascript" src="./assets/login/js/script.js"></script> -->
</body> </body>
</html> </html>