ucap/next-ucap-messenger
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

설치패키지의 로그인 화면 이미지 나오지 않는 문제 임시로 수정.

Browse Source
This commit is contained in:
leejinho 2019-12-23 15:21:48 +09:00
parent 77ac22d122
commit 53c99cfe68
4 changed files with 25 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
projects/ucap-webmessenger-app/src/app/pages/account/components/login.page.component.html
View File

@ -2,7 +2,7 @@
<div class="login-wrapper"> <div class="login-wrapper">
<div class="slider"> <div class="slider">
<div <div
*ngFor="let infomation of rotateInfomation" *ngFor="let infomation of rotateInfomation; let i = index"
[ngClass]="[ [ngClass]="[
'slider_slide', 'slider_slide',
infomation.index === rotateInfomationIndex infomation.index === rotateInfomationIndex
@ -11,9 +11,21 @@
]" ]"
> >
<div class="slider_wrap slider_wrap-hacked"> <div class="slider_wrap slider_wrap-hacked">
<div class="slider_back"></div> <div
class="slider_back"
[ngStyle]="{
'background-image':
' url(./assets/images/login/bg_login0' + (i + 1) + '.png)'
}"
></div>
</div> </div>
<div class="slider_inner"> <div
class="slider_inner"
[ngStyle]="{
'background-image':
' url(./assets/images/login/bg_login0' + (i + 1) + '.png)'
}"
>
<div class="slider_header"> <div class="slider_header">
<span class="company-name">DAESANG Messenger</span> <span class="company-name">DAESANG Messenger</span>
<span class="h-line"></span> <span class="h-line"></span>

6
projects/ucap-webmessenger-app/src/app/pages/account/components/login.page.component.scss
View File

@ -237,17 +237,17 @@ $ease-in-out: cubic-bezier(0.785, 0.135, 0.15, 0.86);
&:nth-child(1) .slider_back, &:nth-child(1) .slider_back,
&:nth-child(1) .slider_inner { &:nth-child(1) .slider_inner {
background-image: url(/assets/images/login/bg_login01.png); // background-image: url(/assets/images/login/bg_login01.png);
//background: #eee; //background: #eee;
} }
&:nth-child(2) .slider_back, &:nth-child(2) .slider_back,
&:nth-child(2) .slider_inner { &:nth-child(2) .slider_inner {
background-image: url(/assets/images/login/bg_login02.png); // background-image: url(/assets/images/login/bg_login02.png);
//background: #aaa; //background: #aaa;
} }
&:nth-child(3) .slider_back, &:nth-child(3) .slider_back,
&:nth-child(3) .slider_inner { &:nth-child(3) .slider_inner {
background-image: url(/assets/images/login/bg_login03.png); // background-image: url(/assets/images/login/bg_login03.png);
//background: #888; //background: #888;
} }
} }

7
projects/ucap-webmessenger-ui-account/src/lib/components/login.component.html
View File

@ -1,5 +1,10 @@
<div class="login-form"> <div class="login-form">
<div class="mat-title">LOGIN TO YOUR ACCOUNT</div> <div
class="mat-title"
style="background-image: url(./assets/images/logo/bg_login_w160.png);"
>
LOGIN TO YOUR ACCOUNT
</div>
<form name="loginForm" [formGroup]="loginForm" novalidate> <form name="loginForm" [formGroup]="loginForm" novalidate>
<mat-form-field [style.display]="!!curCompanyCode ? 'none' : 'block'"> <mat-form-field [style.display]="!!curCompanyCode ? 'none' : 'block'">

2
projects/ucap-webmessenger-ui-account/src/lib/components/login.component.scss
View File

@ -19,7 +19,7 @@
text-indent: -10000000px; text-indent: -10000000px;
width: 160px; width: 160px;
height: 160px; height: 160px;
background-image: url(/assets/images/logo/bg_login_w160.png); // background-image: url(/assets/images/logo/bg_login_w160.png);
background-repeat: no-repeat; background-repeat: no-repeat;
display: inline-flex; display: inline-flex;
background-size: 100% auto; background-size: 100% auto;