java
/
bf
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

퍼블리싱 이유식 페이지(87 슬라이드)

Browse Source
dev_bert
Isol 3 years ago
parent 4ec99cfda9
commit be952556be
2 changed files with 669 additions and 0 deletions
Show Stats Download Patch File Download Diff File

146
src/main/webapp/m/css/style.css
Unescape View File

@ -14321,3 +14321,149 @@ main.sona_cont_measurement {
border: 1px solid #ddd;
box-shadow: 0 0 6px rgb(0 0 0 / 20%);
}
/* 이유식 추천 화면 */
.header_cart_btn {
background: url(../img/food_information/foodInfo_subMain_basket_ico.png) no-repeat 0 0/ auto 15px;
width: 19px;
height: 17px;
}
.babyfood {
}
.babyfood .profile_wrap {
margin-top: 10px;
margin-bottom: 30px;
}
.babyfood .recommend_title {
text-align: center;
font-size: 13px;
}
.babyfood .recommend_title span {
color: #45C4A7;
font-size: 13px;
}
.babyfood .ranking_list_con {
display: flex;
width: 100%;
}
.babyfood .ranking_list_con .ranking_list {
display: flex;
flex-grow: 1;
align-items: center;
}
.babyfood .ranking_list_con .ranking_list ul{
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
height: 100%;
min-height: 325px;
padding: 0 15px;
}
.babyfood .ranking_list_con .ranking_list ul li{
display: flex;
align-items: center;
height: 50px;
border-radius: 25px;
margin-bottom: 15px;
padding: 0 20px;
font-size: 14px;
border: 1px solid #999;
}
.babyfood .ranking_list_con .ranking_list ul li a{
display: flex;
align-items: center;
}
.babyfood .ranking_list_con .ranking_list ul li:nth-child(1){
font-size: 18px;
}
.babyfood .rank_num {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 15px;
background-color: #45C4A7;
color: #fff;
margin-right: 10px;
}
.babyfood .ranking_list_con .arrow_btn {
display: flex;
width: 50px;
flex-shrink: 0;
justify-content: center;
align-items: center;
}
.arrow_btn .left{
background:url(../img/xxxx_sprites/arrow_01_left02.png)no-repeat;
width: 25px;
height: 40px;
}
.arrow_btn .right{
background:url(../img/xxxx_sprites/arrow_01_right02.png)no-repeat;
width: 25px;
height: 40px;
}
.babyfood .no_list {
display: flex;
flex-direction: column;
align-items: center;
}
.babyfood .no_list img{
width: 120px;
height: 120px;
margin-bottom: 30px;
}
.babyfood .no_list p{
font-size: 15px;
}
.babyfood .search_btn_cont {
display: flex;
justify-content: space-between;
padding: 0 15px;
width: 100%;
margin-top: 30px;
}
.babyfood .search_btn_cont div{
display: flex;
justify-content: center;
align-items: center;
height: 45px;
width: 48%;
border-radius: 25px;
padding: 0 15px;
}
.babyfood .search_btn_cont div:nth-child(1){
border: 1px solid #45C4A7;
}
.babyfood .search_btn_cont div:nth-child(2){
border: 1px solid #FF9C01;
}
.babyfood .search_btn_cont a{
font-size: 17px;
}

523
src/main/webapp/m/html/_87.html
Unescape View File

@ -0,0 +1,523 @@
<html lang="ko"><!--<![endif]--><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<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 href="../css/style.css?1" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="http://devops.lookylooks.ai:14280/bf/m/css/anypicker-all.min.css">
<script src="http://devops.lookylooks.ai:14280/bf/m/js/jquery-3.3.1.min.js"></script>
<link href="http://devops.lookylooks.ai:14280/bf/m/css/sweetalert2.min.css" rel="stylesheet">
<script src="http://devops.lookylooks.ai:14280/bf/m/js/sweetalert2.all.min.js" type="text/javascript"></script>
<script src="http://devops.lookylooks.ai:14280/bf/m/js/anypicker.min.js" type="text/javascript"></script>
<script src="http://devops.lookylooks.ai:14280/bf/static/js/moment.js" type="text/javascript"></script>
<script src="../js/common.js" type="text/javascript"></script>
<script src="http://devops.lookylooks.ai:14280/bf/static/renamaster/js/cookie.js"></script>
<script src="http://devops.lookylooks.ai:14280/bf/static/renamaster/js/renamaster_map.js"></script>
<script src="http://devops.lookylooks.ai:14280/bf/static/renamaster/js/renamaster_util.js"></script>
<script src="http://devops.lookylooks.ai:14280/bf/m/m_js/native_bridge.js"></script>
<style>
body {-webkit-tap-highlight-color:transparent; -webkit-backface-visibility: hidden; overflow: hidden;}
html {
-webkit-touch-callout:none;
-webkit-user-select:none;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
</style>
<link rel="stylesheet" href="http://devops.lookylooks.ai:14280/bf/m/css/swiper.min.css"><script src="http://devops.lookylooks.ai:14280/bf/m/js/swiper.min.js"></script><script src="http://devops.lookylooks.ai:14280/bf/m/js/jquery_popupoverlay.js"></script><script type="text/javascript" src="http://devops.lookylooks.ai:14280/bf/m/js/masonry.pkgd.min.js"></script><script src="http://devops.lookylooks.ai:14280/bf/m/js/jquery.bxslider.js"></script><script src="http://devops.lookylooks.ai:14280/bf/m/js/design.js"></script><script type="text/javascript" src="/bf/m/js/jquery.bpopup.min.js"></script></head>
<body cz-shortcut-listen="true">
<style type="text/css">
.Pstyle {
opacity: 0;
display: none;
position: relative;
width: 600px ;
border: 5px solid #fff;
padding: 20px;
background-color: #fff;
}
.b-close {
position: absolute;
right: 5px;
top: 5px;
padding: 5px;
display: inline-block;
cursor: pointer;
}
</style>
<!-- modal-wrapper : 추천 홈메이드 이유식 상세정보 팝업 -->
<div id="homeMadePop" class="modal-wrapper">
<div class="modal_content" style="width: 400px">
<div class="head">
<div class="title"></div>
<div id="modal_close_btn"><img src="../img/close_ico.png"></div>
</div>
<div class="content scroll">
<!-- main_nutrition -->
<main class="main_nutrition">
<!-- nutrition_introduce_main -->
<div class="nutrition_introduce_main">
</div>
<!-- //nutrition_introduce_main -->
</main>
<!-- //main_nutrition -->
</div>
</div>
<div class="modal_layer"></div>
</div>
<!-- //modal-wrapper -->
<!-- wrap -->
<div class="wrap wrap_nutrition">
<!-- header_sub -->
<header class="header_wrapper">
<div class="left_btn_box">
<a href="javascript:back.return_url()" class="side_Lbtn hidden pre_btn">이전으로</a>
</div>
<div class="center_btn_box">
<h1 class="header_title">추천 홈메이드 이유식</h1>
</div>
<a href="/bf/m/bf_food/list_bf_cart.do?return_url=index" class="header_cart_btn hidden">카트</a>
</header>
<!-- //header_sub -->
<!-- main_nutrition -->
<main class="main_nutrition">
<!-- nutrition_subMain -->
<div class="nutrition_subMain babyfood">
<div class="profile_wrap">
<input type="hidden" id="smc_no" class="required" name="smc_no" value="82" data-tit="아이 코드">
<form class="profile_header" id="frmHeight" method="POST">
<div class="p_header_pic">
<div class="pic hidden" style="background: url(/bf/file/get_img.do?mt_file_seq=1904)">프로필 사진</div>
</div>
</form>
<p class="recommend_title"><span>${username}</span>의 영양상태를 분석하여 추천했어요!</p>
</div>
<div class="ranking_list_con">
<div class="arrow_btn">
<!-- 참고: 화살표를 출력하지 않으려면 a 태그만 삭제 -->
<!-- <a href="/bf/m/bf_food/list_bf_homemade_recommend.do?smc_no=82&amp;return_url=list_bf_ingre_recommend" class="left hidden">추천식재료</a> -->
</div>
<div class="ranking_list">
<ul>
<!-- 추천 리스트 출력 -->
<li><a href="#"><div class="rank_num">1</div>감자오이미음</a></li>
<li><a href="#"><div class="rank_num">2</div>사과 미음</a></li>
<li><a href="#"><div class="rank_num">3</div>찹쌀 미음</a></li>
<li><a href="#"><div class="rank_num">4</div>쌀 미음</a></li>
<li><a href="#"><div class="rank_num">5</div>단호박 미음</a></li>
<!-- 추천 리스트가 없을 때 출력 -->
<!-- <div class="no_list">
<img src="../img/nutrition/noImage01.png" alt="리스트 없음">
<p>홈메이드 이유식 추천정보가 없습니다!</p>
</div> -->
</ul>
</div>
<div class="arrow_btn">
<a href="/bf/m/bf_food/list_bf_homemade_recommend.do?smc_no=82&amp;return_url=list_bf_ingre_recommend" class="right hidden">추천식재료</a>
</div>
</div>
<div class="search_btn_cont">
<div><a href="javascript:fncRecipeMadePop()">이유식 레시피 검색</a></div>
<div><a href="javascript:fncCommercePop()">시판 이유식 검색</a></div>
</div>
</div>
<!-- //nutrition_subMain -->
</main>
<!-- //main_nutrition -->
</div>
<!-- //wrap -->
<!-- 추천 홈메이드 이유식, 추천 식재료 팝업관련 공통 스크립트 -->
<script>
$( document ).ready(function() {
$('#modal_close_btn').on('click', function() {
$('#homeMadePop').toggleClass('open');
});
});
//홈메이드 이유식 상세정보 팝업
function fncHomeMadePop(dhb_no) {
var params = {};
params.dhb_no = dhb_no;
$.ajax({
url: '/bf/m/bf_food/view_bf_homemade_popup.do', // 클라이언트가 요청을 보낼 서버의 URL 주소
data: params, // HTTP 요청과 함께 서버로 보낼 데이터
type: "POST", // HTTP 요청 방식(GET, POST)
beforeSend: function (xhr) {
// fncShowLoading();
},
dataType: "html", // 서버에서 보내줄 데이터의 타입
})
// HTTP 요청이 성공하면 요청한 데이터가 done() 메소드로 전달됨.
.done(function (data) {
$(".nutrition_introduce_main").html(data);
$('.modal-wrapper').toggleClass('open');
})
// HTTP 요청이 실패하면 오류와 상태에 관한 정보가 fail() 메소드로 전달됨.
.fail(function (xhr, status, errorThrown) {})
// HTTP 요청이 성공하거나 실패하는 것에 상관없이 언제나 always() 메소드가 실행됨.
.always(function (xhr, status) {
// console.log("요청이 완료되었습니다!");
});
}
//이유식 식재료 상세정보 팝업
function fncIngredientPop(dbi_no) {
var params = {};
params.dbi_no = dbi_no;
$.ajax({
url: '/bf/m/bf_food/view_bf_ingredient_popup.do', // 클라이언트가 요청을 보낼 서버의 URL 주소
data: params, // HTTP 요청과 함께 서버로 보낼 데이터
type: "POST", // HTTP 요청 방식(GET, POST)
beforeSend: function (xhr) {
// fncShowLoading();
},
dataType: "html", // 서버에서 보내줄 데이터의 타입
})
// HTTP 요청이 성공하면 요청한 데이터가 done() 메소드로 전달됨.
.done(function (data) {
$(".nutrition_introduce_main").html(data);
$('.modal-wrapper').toggleClass('open');
})
// HTTP 요청이 실패하면 오류와 상태에 관한 정보가 fail() 메소드로 전달됨.
.fail(function (xhr, status, errorThrown) {})
// HTTP 요청이 성공하거나 실패하는 것에 상관없이 언제나 always() 메소드가 실행됨.
.always(function (xhr, status) {
// console.log("요청이 완료되었습니다!");
});
}
//이유식 레시피 검색 팝업
function fncRecipeMadePop() {
var params = {};
$.ajax({
url: '/bf/m/bf_food/list_bf_homemade_popup.do', // 클라이언트가 요청을 보낼 서버의 URL 주소
data: params, // HTTP 요청과 함께 서버로 보낼 데이터
type: "POST", // HTTP 요청 방식(GET, POST)
beforeSend: function (xhr) {
// fncShowLoading();
},
dataType: "html", // 서버에서 보내줄 데이터의 타입
})
// HTTP 요청이 성공하면 요청한 데이터가 done() 메소드로 전달됨.
.done(function (data) {
$(".nutrition_introduce_main").html(data);
$('.modal-wrapper').addClass('open');
})
// HTTP 요청이 실패하면 오류와 상태에 관한 정보가 fail() 메소드로 전달됨.
.fail(function (xhr, status, errorThrown) {})
// HTTP 요청이 성공하거나 실패하는 것에 상관없이 언제나 always() 메소드가 실행됨.
.always(function (xhr, status) {
// console.log("요청이 완료되었습니다!");
});
}
//이유식 레시피 검색 팝업 > 상세정보
function fncRecipeMadePopDetail(dhb_no) {
var params = {};
params.dhb_no = dhb_no;
$.ajax({
url: '/bf/m/bf_food/view_bf_homemade_popup.do', // 클라이언트가 요청을 보낼 서버의 URL 주소
data: params, // HTTP 요청과 함께 서버로 보낼 데이터
type: "POST", // HTTP 요청 방식(GET, POST)
beforeSend: function (xhr) {
// fncShowLoading();
},
dataType: "html", // 서버에서 보내줄 데이터의 타입
})
// HTTP 요청이 성공하면 요청한 데이터가 done() 메소드로 전달됨.
.done(function (data) {
$(".nutrition_introduce_main").html(data);
$('.modal-wrapper').addClass('open');
})
// HTTP 요청이 실패하면 오류와 상태에 관한 정보가 fail() 메소드로 전달됨.
.fail(function (xhr, status, errorThrown) {})
// HTTP 요청이 성공하거나 실패하는 것에 상관없이 언제나 always() 메소드가 실행됨.
.always(function (xhr, status) {
// console.log("요청이 완료되었습니다!");
});
}
//시판이유식 검색 팝업
function fncCommercePop() {
var params = {};
$.ajax({
url: '/bf/m/bf_food/list_bf_commerce_popup.do', // 클라이언트가 요청을 보낼 서버의 URL 주소
data: params, // HTTP 요청과 함께 서버로 보낼 데이터
type: "POST", // HTTP 요청 방식(GET, POST)
beforeSend: function (xhr) {
// fncShowLoading();
},
dataType: "html", // 서버에서 보내줄 데이터의 타입
})
// HTTP 요청이 성공하면 요청한 데이터가 done() 메소드로 전달됨.
.done(function (data) {
$(".nutrition_introduce_main").html(data);
$('.modal-wrapper').addClass('open');
})
// HTTP 요청이 실패하면 오류와 상태에 관한 정보가 fail() 메소드로 전달됨.
.fail(function (xhr, status, errorThrown) {})
// HTTP 요청이 성공하거나 실패하는 것에 상관없이 언제나 always() 메소드가 실행됨.
.always(function (xhr, status) {
// console.log("요청이 완료되었습니다!");
});
}
//시판이유식 검색 > 상세정보
function fncCommercePopDetail(dbc_no) {
var params = {};
params.dbc_no = dbc_no;
$.ajax({
url: '/bf/m/bf_food/view_bf_commerce_popup.do', // 클라이언트가 요청을 보낼 서버의 URL 주소
data: params, // HTTP 요청과 함께 서버로 보낼 데이터
type: "POST", // HTTP 요청 방식(GET, POST)
beforeSend: function (xhr) {
// fncShowLoading();
},
dataType: "html", // 서버에서 보내줄 데이터의 타입
})
// HTTP 요청이 성공하면 요청한 데이터가 done() 메소드로 전달됨.
.done(function (data) {
$(".nutrition_introduce_main").html(data);
$('.modal-wrapper').addClass('open');
})
// HTTP 요청이 실패하면 오류와 상태에 관한 정보가 fail() 메소드로 전달됨.
.fail(function (xhr, status, errorThrown) {})
// HTTP 요청이 성공하거나 실패하는 것에 상관없이 언제나 always() 메소드가 실행됨.
.always(function (xhr, status) {
// console.log("요청이 완료되었습니다!");
});
}
</script>
<nav class="iyu_nav">
<ul>
<!--
<li class="nav_list01">
<a href="/bf/m/bf_food/index.do?return_url=index">
<div class="icon">영양</div>
<div class="tit">영양</div>
</a>
</li>
-->
<li class="nav_list02">
<a href="javascript:fncGoRecommend()">
<div class="icon">이유식</div>
<div class="tit">이유식</div>
</a>
</li>
<li class="nav_list02">
<a href="/bf/m/bf_growth/nutrient_balance.do?return_url=index">
<div class="icon">분석</div>
<div class="tit">분석</div>
</a>
</li>
<li class="nav_list03">
<a href="/bf/m/index.do">
<div class="icon">홈</div>
<div class="tit">홈</div>
</a>
</li>
<li class="nav_list04">
<a href="/bf/m/memory/memory_timeline.do?return_url=index">
<div class="icon">메모리</div>
<div class="tit">메모리</div>
</a>
</li>
<li class="nav_list05">
<a href="/bf/m/bf_community/list_bf_community.do?return_url=index">
<div class="icon">커뮤니티</div>
<div class="tit">커뮤니티</div>
</a>
</li>
</ul>
</nav>
<!-- 하단 네비 iyu_nav -->
<nav class="iyu_nav">
<ul>
<!--
<li class="nav_list01">
<a href="/bf/m/bf_food/index.do?return_url=index">
<div class="icon">영양</div>
<div class="tit">영양</div>
</a>
</li>
-->
<li class="nav_list02">
<a href="javascript:fncGoRecommend()">
<div class="icon">이유식</div>
<div class="tit">이유식</div>
</a>
</li>
<li class="nav_list02">
<a href="/bf/m/bf_growth/nutrient_balance.do?return_url=index">
<div class="icon">분석</div>
<div class="tit">분석</div>
</a>
</li>
<li class="nav_list03">
<a href="/bf/m/index.do">
<div class="icon">홈</div>
<div class="tit">홈</div>
</a>
</li>
<li class="nav_list04">
<a href="/bf/m/memory/memory_timeline.do?return_url=index">
<div class="icon">메모리</div>
<div class="tit">메모리</div>
</a>
</li>
<li class="nav_list05">
<a href="/bf/m/bf_community/list_bf_community.do?return_url=index">
<div class="icon">커뮤니티</div>
<div class="tit">커뮤니티</div>
</a>
</li>
</ul>
</nav><!-- //iyu_nav -->
<script>
var back ={
return_url : () => {
location.href='/bf/m/index.do'
}
}
</script>
<script>
$(document).ready(function(){
$('#share-popup').popup();
var pageTitle = document.title;
var pageUrl = location.href
var shareUrlFB = "https://www.facebook.com/sharer/sharer.php?u="+encodeURIComponent(pageUrl)+"&t="+encodeURI(pageTitle);
var shareUrlTWT = "https://twitter.com/intent/tweet?text="+encodeURIComponent(pageTitle)+"&url="+encodeURI(pageUrl);
var shareUrlNaver = "https://share.naver.com/web/shareView.nhn?url="+encodeURI(pageUrl)+"&title="+encodeURI(pageTitle);
$(".facebook").on("click" , function(e) {
e.preventDefault();
window.open(shareUrlFB, '', 'scrollbars=no, width=584, height=635');
});
$(".twitter").on("click" , function(e) {
e.preventDefault();
window.open(shareUrlTWT, '', 'scrollbars=no, width=584, height=635');
});
$(".kakao").on("click" , function(e) {
e.preventDefault();
});
Kakao.init("41afd760326f3eb50892555cd0b16a8e");
Kakao.Link.createDefaultButton({
container: '#linkedKakao',
objectType: 'feed',
content: {
title: pageTitle,
description: '이유식당 전문가 리뷰',
imageUrl:
'http://mud-kage.kakao.co.kr/dn/NTmhS/btqfEUdFAUf/FjKzkZsnoeE4o19klTOVI1/openlink_640x640s.jpg',
link: {
mobileWebUrl: window.location.href,
androidExecutionParams: window.location.href,
},
},
itemContent: {
profileText: 'Kakao',
profileImageUrl: 'http://mud-kage.kakao.co.kr/dn/Q2iNx/btqgeRgV54P/VLdBs9cvyn8BJXB3o7N8UK/kakaolink40_original.png',
titleImageUrl: 'http://mud-kage.kakao.co.kr/dn/Q2iNx/btqgeRgV54P/VLdBs9cvyn8BJXB3o7N8UK/kakaolink40_original.png',
titleImageText: 'Cheese cake',
titleImageCategory: 'Cake',
items: [
{
item: 'Cake1',
itemOp: '1000원',
},
{
item: 'Cake2',
itemOp: '2000원',
},
{
item: 'Cake3',
itemOp: '3000원',
},
{
item: 'Cake4',
itemOp: '4000원',
},
{
item: 'Cake5',
itemOp: '5000원',
},
],
sum: 'Total',
sumOp: '15000원',
},
social: {
likeCount: 10,
commentCount: 20,
sharedCount: 30,
},
buttons: [
{
title: '웹으로 이동',
link: {
mobileWebUrl: 'https://developers.kakao.com',
},
},
{
title: '앱으로 이동',
link: {
mobileWebUrl: 'https://developers.kakao.com',
},
},
]
});
});
function fncGoRecommend() {
location.href = "/bf/m/bf_food/list_bf_homemade_recommend.do?return_url=list_bf_homemade_recommend";
}
</script>
</body><whale-quicksearch translate="no"></whale-quicksearch></html>
Write Preview
Loading…
Cancel
Save