dev_bert
jonghwan76 3 years ago
commit 12a735930c

@ -15561,6 +15561,65 @@ main.sona_cont_measurement {
border-radius: 10px;
}
/* 11-6.아기건강-건강검진 */
.healthcheckup_list {
margin: 20px 10px 0;
}
.healthcheckup_list .list {
margin-bottom: 40px;
}
.healthcheckup_list .date {
display: flex;
width: 100px;
height: 32px;
line-height: 32px;
border: 1px solid #000000;
justify-content: center;
align-items: center;
border-radius: 16px;
}
.healthcheckup_list .content {
display: flex;
flex-direction: column;
width: 100%;
line-height: 32px;
border: 1px solid #D2D2D2;
border-radius: 10px;
margin-top: 20px;
padding: 10px 13px;
}
.healthcheckup_list .title {
color: #FF9C01;
font-size: 1rem;
margin-bottom: 0.2rem;
}
.healthcheckup_list .box {
/* border: 1px solid; */
display: flex;
width: 100%;
margin-bottom: 3px;
}
.healthcheckup_list .box_title {
font-size: 0.8rem;
line-height: 1.2rem;
color: #000000;
font-weight: 400;
width: 5rem;
}
.healthcheckup_list .box_content {
font-size: 0.8rem;
line-height: 1.2rem;
color: #959494;
font-weight: 400;
}
/* 13-5.커뮤니티자유글-게시글 */
.community_view01 {

@ -0,0 +1,233 @@
<html lang="ko">
<!--<![endif]-->
<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>아이키 매니저::login</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>
<!-- wrap -->
<div class="wrap wrap_nutrition">
<!-- header_sub -->
<header class="header_wrapper">
<a href="javascript:back.return_url()" class="side_Lbtn hidden pre_btn">이전으로</a>
<h1 class="header_title">아기건강</h1>
<div class="side_Rbtn header_cart">
</div>
</header>
<!-- //header_sub -->
<!-- main_nutrition -->
<main class="main_nutrition">
<!-- nutrition_subMain -->
<div class="nutrition_subMain">
<!-- nutrition_subMain_wrap -->
<div class="nutrition_subMain_wrap">
<!-- //nutrition_subMain -->
<div class="nutrition_subMain_iframe">
<ul class="memory_ca">
<li>
<a href="#">
영양소 점수
</a>
</li>
<li>
<a href="#">
식품군 점수
</a>
</li>
<li>
<a href="#">
성장 점수
</a>
</li>
<li class="current">
<a href="#">
건강검진
</a>
</li>
<li>
<a href="#">
예방접종
</a>
</li>
</ul>
</div>
<!-- 건강검진 리스트 -->
<div class="healthcheckup_list">
<div class="list">
<!-- 날짜 -->
<div class="date">2022년 1월</div>
<!-- content -->
<div class="content">
<div class="title">1차 건강검진 (생후 14 ~ 35일)</div>
<div class="box">
<div class="box_title">검진 항목</div>
<div class="box_content">문진 및 진찰, 신체계측, 건강 교육</div>
</div>
<div class="box">
<div class="box_title">권장일</div>
<div class="box_content">2022. 01. 14~2022. 02. 04</div>
</div>
</div>
</div>
<div class="list">
<!-- 날짜 -->
<div class="date">2022년 1월</div>
<!-- content -->
<div class="content">
<div class="title">1차 건강검진 (생후 14 ~ 35일)</div>
<div class="box">
<div class="box_title">검진 항목</div>
<div class="box_content">문진 및 진찰, 신체계측, 건강 교육</div>
</div>
<div class="box">
<div class="box_title">권장일</div>
<div class="box_content">2022. 01. 14~2022. 02. 04</div>
</div>
</div>
</div>
<div class="list">
<!-- 날짜 -->
<div class="date">2022년 1월</div>
<!-- content -->
<div class="content">
<div class="title">1차 건강검진 (생후 14 ~ 35일)</div>
<div class="box">
<div class="box_title">검진 항목</div>
<div class="box_content">문진 및 진찰, 신체계측, 건강 교육</div>
</div>
<div class="box">
<div class="box_title">권장일</div>
<div class="box_content">2022. 01. 14~2022. 02. 04</div>
</div>
</div>
</div>
</div>
<!-- //nutrition_subMain_graph_list -->
<!-- //nutrition_subMain_wrap -->
</div>
<!-- //nutrition_subMain -->
</div>
</main>
<!-- //main_nutrition -->
</div>
<!-- //wrap -->
<!-- 하단 네비 iyu_nav -->
<nav class="iyu_nav">
<ul>
<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>
function msg(msg) {
Swal.fire({
text: msg,
icon: 'warning', // success
showConfirmButton: false,
timer: 2000
});
}
var swiper = new Swiper('.swiper-container1', {
slidesPerView: 3,
slidesPerGroup: 3,
spaceBetween: 15,
loopFillGroupWithBlank: true,
pagination: {
loop: false,
el: '.swiper-pagination',
clickable: true
},
});
// circleChart
$('.circleChart1').easyPieChart({
barColor: '#FF9B00',
trackColor: '#eee',
scaleColor: '#fff',
lineCap: 'butt',
lineWidth: 5,
size: 80,
animate: 1000,
onStart: $.noop,
onStop: $.noop
});
// 높이 똑같게 맞추기
var equalHeight = function (element) {
var maxHeight = 0;
element.each(function () {
if ($(this).outerHeight() > maxHeight) {
maxHeight = $(this).outerHeight();
}
});
return maxHeight;
};
// 영양추천
$(document).ready(function () {
var list = $(".nutrition_subMain_suggest_list>li");
list.height(equalHeight(list));
})
// 영양전문가
$(document).ready(function () {
var list = $(".nutrition_subMain_swiper .swiper-slide");
list.height(equalHeight(list));
})
</script>
</body>
<whale-quicksearch translate="no"></whale-quicksearch>
</html>

@ -0,0 +1,229 @@
<html lang="ko">
<!--<![endif]-->
<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>아이키 매니저::login</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>
<!-- wrap -->
<div class="wrap wrap_nutrition">
<!-- header_sub -->
<header class="header_wrapper">
<a href="javascript:back.return_url()" class="side_Lbtn hidden pre_btn">이전으로</a>
<h1 class="header_title">아기건강</h1>
<div class="side_Rbtn header_cart">
</div>
</header>
<!-- //header_sub -->
<!-- main_nutrition -->
<main class="main_nutrition">
<!-- nutrition_subMain -->
<div class="nutrition_subMain">
<!-- nutrition_subMain_wrap -->
<div class="nutrition_subMain_wrap">
<!-- //nutrition_subMain -->
<div class="nutrition_subMain_iframe">
<ul class="memory_ca">
<li>
<a href="#">
영양소 점수
</a>
</li>
<li>
<a href="#">
식품군 점수
</a>
</li>
<li>
<a href="#">
성장 점수
</a>
</li>
<li>
<a href="#">
건강검진
</a>
</li>
<li class="current">
<a href="#">
예방접종
</a>
</li>
</ul>
</div>
<!-- 건강검진 리스트 -->
<div class="healthcheckup_list">
<div class="list">
<!-- 날짜 -->
<div class="date">2022년 2월</div>
<!-- content -->
<div class="content">
<div class="title">일본뇌염</div>
<div class="box">
<div class="box_title">권장일</div>
<div class="box_content">2022. 02. 21~2022. 03. 15</div>
</div>
</div>
</div>
<div class="list">
<!-- 날짜 -->
<div class="date">2022년 5월</div>
<!-- content -->
<div class="content">
<div class="title">디프테리아 파상풍 백일해</div>
<div class="box">
<div class="box_title">권장일</div>
<div class="box_content">2022. 05. 14~2022. 09. 13</div>
</div>
</div>
<!-- content -->
<div class="content">
<div class="title">수막구균</div>
<div class="box">
<div class="box_title">권장일</div>
<div class="box_content">2022. 05. 14</div>
</div>
</div>
</div>
<div class="list">
<!-- 날짜 -->
<div class="date">2022년 5월</div>
<!-- content -->
<div class="content">
<div class="title">A형 간염</div>
<div class="box">
<div class="box_title">권장일</div>
<div class="box_content">2022. 08. 14~2022. 09. 13</div>
</div>
</div>
</div>
</div>
<!-- //nutrition_subMain_graph_list -->
<!-- //nutrition_subMain_wrap -->
</div>
<!-- //nutrition_subMain -->
</div>
</main>
<!-- //main_nutrition -->
</div>
<!-- //wrap -->
<!-- 하단 네비 iyu_nav -->
<nav class="iyu_nav">
<ul>
<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>
function msg(msg) {
Swal.fire({
text: msg,
icon: 'warning', // success
showConfirmButton: false,
timer: 2000
});
}
var swiper = new Swiper('.swiper-container1', {
slidesPerView: 3,
slidesPerGroup: 3,
spaceBetween: 15,
loopFillGroupWithBlank: true,
pagination: {
loop: false,
el: '.swiper-pagination',
clickable: true
},
});
// circleChart
$('.circleChart1').easyPieChart({
barColor: '#FF9B00',
trackColor: '#eee',
scaleColor: '#fff',
lineCap: 'butt',
lineWidth: 5,
size: 80,
animate: 1000,
onStart: $.noop,
onStop: $.noop
});
// 높이 똑같게 맞추기
var equalHeight = function (element) {
var maxHeight = 0;
element.each(function () {
if ($(this).outerHeight() > maxHeight) {
maxHeight = $(this).outerHeight();
}
});
return maxHeight;
};
// 영양추천
$(document).ready(function () {
var list = $(".nutrition_subMain_suggest_list>li");
list.height(equalHeight(list));
})
// 영양전문가
$(document).ready(function () {
var list = $(".nutrition_subMain_swiper .swiper-slide");
list.height(equalHeight(list));
})
</script>
</body>
<whale-quicksearch translate="no"></whale-quicksearch>
</html>
Loading…
Cancel
Save