퍼블리싱 우선 순위 3 동기화 화면 퍼블리싱 ( 회원가입 공통 )

dev_bert
정이솔 3 years ago
parent dfed508113
commit 09667e2d4c

@ -15134,3 +15134,56 @@ main.sona_cont_measurement {
height: 25px;
}
/* 8-10.설정하기-인증코드확인 */
.connect .cont_code {
margin: 0 20px;
}
.connect .view_code {
width: 100%;
height: 55px;
display: flex;
align-items: center;
border: 1px solid #FF9C01;
border-radius: 7px;
padding: 0 20px;
}
/* 8-11.설정하기-계정연동하기 */
.connect .description {
padding-top: 0.5rem;
color: #00000080;
font-size: 0.7rem;
margin: 0 20px;
}
.connect .input {
display: flex;
align-items: center;
position: relative;
}
.connect .btn_auth {
display: flex;
position: absolute;
right: 15px;
align-items: center;
background-color: #FF9C01;
color: #fff;
padding: 5px 8px;
font-size: 14px;
cursor: pointer;
}
.connect .result {
display: none;
}
/* 8-13.설정하기-계정연동하기-완료 */
.cont_code01 {
margin: 0 20px;
}
.cont_code01 div {
margin-bottom: 5px;
}

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta content="IE=Edge" http-equiv="X-UA-Compatible" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover" />
<title>아이키 매니저::계정관리</title>
<link rel="shortcut icon" href="../../img/favicon.ico">
<link rel="stylesheet" href="../../css/style.css">
<script type="text/javascript" src="../../js/jquery-3.3.1.min.js"></script>
</head>
<body class="bg_setting">
<div class="wrap">
<header class="header_wrapper">
<a href="javascript:history.back();" class="side_Lbtn hidden pre_btn">이전으로</a>
<h1 class="header_title">인증코드 확인</h1>
<a href="#" class="side_Rbtn hidden"></a>
</header>
<main class="m_set_account connect">
<div class="l_list">
<h1 class="l_title">계정 연동 인증코드</h1>
<div class="cont_code">
<div class="view_code">
0509
</div>
</div>
<div class="m_set_account_btn"><button type="button" id="" name="" class="btns blue_btn">확인</button></div>
</div>
</main>
</div>
</body>
</html>

@ -0,0 +1,52 @@
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta content="IE=Edge" http-equiv="X-UA-Compatible" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover" />
<title>아이키 매니저::계정관리</title>
<link rel="shortcut icon" href="../../img/favicon.ico">
<link rel="stylesheet" href="../../css/style.css">
<script type="text/javascript" src="../../js/jquery-3.3.1.min.js"></script>
</head>
<body class="bg_setting">
<div class="wrap">
<header class="header_wrapper">
<a href="javascript:history.back();" class="side_Lbtn hidden pre_btn">이전으로</a>
<h1 class="header_title">계정 연동 하기</h1>
<a href="#" class="side_Rbtn hidden"></a>
</header>
<main class="m_set_account connect">
<div class="l_list">
<h1 class="l_title">이미 가입한 사용자 설정에서 인증코드를 입력하세요.</h1>
<div class="cont_code input">
<input class="view_code" placeholder="인증코드를 입력하세요.">
<button class="btn_auth" id="btn_auth">인증하기</button>
</div>
<div class="description">
* 설정 > 계정 연동 > 인증코드 확인에서 인증코드를 확인할 수 있습니다.
</div>
<div class="result">
<h1 class="l_title">가입하신 사용자의 아이디를 확인해주세요.</h1>
<div class="cont_code">
<div class="view_code">
imcloud@imcloud.co.kr
</div>
</div>
<div class="m_set_account_btn"><button type="button" id="" name="" class="btns blue_btn">동기화하기</button></div>
</div>
</div>
</main>
</div>
<script>
$("#btn_auth").click(function() {
$(".result").show();
});
</script>
</body>
</html>

@ -0,0 +1,53 @@
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta content="IE=Edge" http-equiv="X-UA-Compatible" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover" />
<title>아이키 매니저::계정관리</title>
<link rel="shortcut icon" href="../../img/favicon.ico">
<link rel="stylesheet" href="../../css/style.css">
<script type="text/javascript" src="../../js/jquery-3.3.1.min.js"></script>
</head>
<body class="bg_setting">
<div class="wrap">
<header class="header_wrapper">
<a href="javascript:history.back();" class="side_Lbtn hidden pre_btn">이전으로</a>
<h1 class="header_title">계정 연동</h1>
<a href="#" class="side_Rbtn hidden"></a>
</header>
<main class="m_set_account connect">
<div class="l_list">
<h1 class="l_title"></h1>
<div class="cont_code">
<div class="view_code">
[imcloud@imcloud.co.kr]님과 계정 연동이 완료되었습니다.
</div>
</div>
<h1 class="l_title">함께하는 사용자</h1>
<div class="cont_code01">
<div class="view_code">
imcloud01@imcloud.co.kr
</div>
<div class="view_code">
imcloud02@imcloud.co.kr
</div>
<div class="view_code">
imcloud03@imcloud.co.kr
</div>
</div>
<div class="m_set_account_btn"><button type="button" id="" name="" class="btns blue_btn">가입완료</button></div>
</div>
</main>
</div>
<script>
</script>
</body>
</html>
Loading…
Cancel
Save