회원가입 완료페이지

3 years ago · 5c844ce320
parent 7abadcb5e7
commit 5c844ce320
2 changed files with 190 additions and 0 deletions
--- a/src/main/webapp/m/css/style.css
+++ b/src/main/webapp/m/css/style.css
@ -16799,3 +16799,48 @@ progress::-webkit-progress-value {
  background: url(../img/child/child_common_sprites.png) no-repeat 56.649% 73.034% / auto 11.75rem;
  border-radius: 50%;
 }
+
+/*회원가입완료*/
+.sign_up_compl{
+  margin: 1px 31px auto;
+  padding-bottom: 0.001rem;
+}
+
+.sign_up_compl .sign_up_end{
+  padding: 34px;
+  padding-top: 41px;
+  margin-bottom: 200px;
+}
+
+.sign_up_compl .sign_up_end .login_header img{
+  display: block;
+  width: 23%;
+  height: auto;
+  max-width: 350px;
+  margin: 0 auto;
+}
+
+.sign_up_compl .sign_up_end .welcome p{
+  text-align: center;
+  color: #707070;
+  font-size: x-large;
+  margin-top:2rem;
+  margin-bottom: 0;
+}
+
+.sign_up_compl .sign_up_end .together p{
+  text-align: center;
+  color:#707070;
+  font-size: x-large;
+}
+
+.sign_up_compl .sign_up_end .end_btn a {
+  display: block;
+  padding: 15px;
+  text-align: center;
+  font-size: 18px;
+  border-radius: 8px;
+  background: #FF9C00;
+  color: #fff;
+  margin-top: 60px;
+}
--- a/src/main/webapp/m/html/4-3
+++ b/src/main/webapp/m/html/4-3
@ -0,0 +1,145 @@
+<!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" />
+  <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>
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.6/umd/popper.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js"></script>
+</head>
+
+<body>
+  <!-- wrap -->
+  <div class="wrap" id="view_sign_up">
+
+    <!-- header_sub -->
+    <header class="header_wrapper">
+      <a href="javascript:history.back();" class="side_Lbtn hidden pre_btn">이전으로</a>
+      <h1 class="header_title">회원가입</h1>
+    </header>
+    <progress max="100" value="100"></progress>
+    <!-- //header_sub -->
+
+    <!-- search_id -->
+    <div class="sign_up_compl">
+      <div class="sign_up_end">
+        <header class="login_header">
+          <img src="../img/login/login_logo.png" alt="이유식당">
+        </header>
+        <div class="welcome">
+          <p>가입을 환영합니다</p>
+        </div>
+        <div class="together">
+          <p>이유식당과 함께 아이를 키워볼까요?</p>
+        </div>
+
+        <div class="end_btn">
+          <a href="">확인</a>
+        </div>
+      </div>
+    </div>
+    <!-- nutrition_kinds -->
+
+  </div>
+  <!-- //wrap -->
+
+
+
+</body>
+
+
+<script>
+  // 클래스 추가 삭제시 (검색>이전입력)
+  $(".search_pre_input>a").click(function (e) {
+    e.stopPropagation();
+
+    if (!$(this).hasClass("active")) {
+      $(this).siblings().removeClass("active");
+      $(this).addClass("active");
+    }
+  });
+
+  // nutrition_kinds 탭메뉴
+  $('#nutrition_kinds').find('.nutrition_kinds_list li').on('click', 'a', function () {
+    var $parent = $(this).parent();
+    var idx = $parent.index();
+    $parent.addClass('active').siblings().removeClass('active');
+    $('.kinds_tabcont').eq(idx).addClass('active').siblings().removeClass('active');
+  });
+
+
+  // 클래스 추가 삭제시
+  $(".li_check>li").click(function (e) {
+    e.stopPropagation();
+
+    if (!$(this).hasClass("active")) {
+      $(this).siblings().removeClass("active");
+      $(this).addClass("active");
+    }
+  });
+
+  // 이미지 변경시
+  $(".li_check_img>li").click(function (e) {
+    e.stopPropagation();
+
+    $(this).siblings().find('img').each(function () {
+      filename = $(this).attr('src');
+      filename = filename.replace('_on', '');
+      $(this).attr('src', filename)
+    });
+
+    filename = $(this).find('img').attr('src');
+    filename = filename.replace('_on', '').replace('.png', '_on.png')
+    $(this).find('img').attr('src', filename)
+  });
+
+  // search_lately
+  // 최근검색 on,off 효과
+  $(".search_lately li").click(function (e) {
+    e.stopPropagation();
+
+    if (!$(this).hasClass("active")) {
+      $(".search_lately li.active").removeClass("active");
+      $(this).addClass("active");
+    }
+  });
+
+  // nutrition_time_ampm
+  // 상단시계 am&pm on,off 효과
+  $(".nutrition_time_ampm span").click(function (e) {
+    e.stopPropagation();
+
+    if (!$(this).hasClass("active")) {
+      $(".nutrition_time_ampm span.active").removeClass("active");
+      $(this).addClass("active");
+    }
+  });
+
+  // nutrition_camera 이미지 업로드
+  $('#append_src_img_file').on('change', function () {
+    ext = $(this).val().split('.').pop().toLowerCase(); //확장자
+    //배열에 추출한 확장자가 존재하는지 체크
+    if ($.inArray(ext, ['gif', 'png', 'jpg', 'jpeg']) == -1) {
+      resetFormElement($(this)); //폼 초기화
+      window.alert('이미지 파일이 아닙니다! (gif, png, jpg, jpeg 만 업로드 가능)');
+    } else {
+      file = $('#append_src_img_file').prop("files")[0];
+      blobURL = window.URL.createObjectURL(file);
+      $('#img_preview').attr('src', blobURL);
+      $('.img_preview').slideDown(); //업로드한 이미지 미리보기
+      $(this).slideUp(); //파일 양식 감춤
+
+      $("#layer_nutirition_tp").show();
+    }
+  });
+</script>
+
+</html>