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

아기정보변경(피피티 66) css 수정

Browse Source
dev_bert
lucysoo95 3 years ago
parent e22ecad89d
commit 2baaff77d0
2 changed files with 245 additions and 3 deletions
Show Stats Download Patch File Download Diff File

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

@ -785,8 +785,11 @@ main {
overflow: hidden;
margin-bottom: 0.9375rem;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
border: none;
border: 1px solid #FF9C01;
border-radius: 7px;
min-width: 250px;
}
.child_wrap .child_list_item:last-child {
@ -16691,6 +16694,108 @@ progress::-webkit-progress-value {
.account .search_btn_cont div:nth-child(2){
background-color: #FF9C01;
border-radius: 10px;
}
/*회원가입-가입완료*/
.sign_up_header {
margin: 0 20px;
position: relative;
}
.sign_up_header img {
display: block;
width: 37%;
height: auto;
max-width: 350px;
margin: 0 auto;
}
.sign_up_header h2 {
text-align: center;
color: #5d5552;
font-size: 0.9375rem;
margin-top: 1.78125rem;
line-height: 1.3rem;
}
/*아이목록 m_list_member_child*/
.m_list_member_child {
height: 100%;
padding: 0 20px;
}
.m_list_member_child .w_title {
/*padding-top: 1.75rem!important;*/
}
.m_list_member_child .child_wrap {
background: none;
width: 100%;
padding-bottom:70px;
}
.m_list_member_child .child_list_item .child_r_box {
width: 5.5rem;
}
.m_list_member_child .child_add {
display: block;
height: 3.125rem;
line-height: 3.125rem;
text-align: center;
background-color: #FF9C00;
border-radius: 10px;
}
color: #fff;
}
.m_list_member_child .child_edit_btn {
margin-top: auto;
position: fixed;
bottom: 80px;
right: 20px;
width: 4.375rem;
height: 4.375rem;
text-align: center;
border: none;
border-radius: 50%;
background-color: rgba(80, 80, 80, 0.7);
color: #fff;
font-size: 0.875rem;
}
.m_list_member_child .child_edit_btn.edit_mode {
background-color: #FF9C00;
}
.m_list_member_child .child_edit_btn .tit.tit_02 {
display: none;
}
.m_list_member_child .child_edit_btn.edit_mode .tit_01 {
display: none;
}
.m_list_member_child .child_edit_btn.edit_mode .tit_02 {
display: block;
}
.m_list_member_child .child_edit_btn .child_edit_icon {
width: 1.25rem;
height: 1.25rem;
display: block;
margin: 0 auto;
background: url(../img/child/child_common_sprites.png) no-repeat 5.634% 31.437%/ auto 11.75rem;
}
.child_add .add_icon {
vertical-align: middle;
margin-top: -7px;
width: 20px;
height: 20px;
margin-left: 5px;
background: url(../img/child/child_common_sprites.png) no-repeat 56.649% 73.034% / auto 11.75rem;
border-radius: 50%;
}

137
src/main/webapp/m/html/8-8.설정하기-아기정보변경(ppt66).html
Unescape View File

@ -0,0 +1,137 @@
<!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">
<link rel="stylesheet" href="../../css/jquery-ui.css">
<script type="text/javascript" src="../../js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../../js/jquery-ui.min.js"></script>
<script type="text/javascript" src="../../js/jquery.ui.touch.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_list_member_child">
<div class="child_wrap">
<h3 class="w_title">
아이 <span class="blue_tit">()</span>명
</h3>
<div id="sortable" class="child_list_box">
<div class="child_list_item ">
<button id="" name="" class="drag_btn hidden">순서변경</button>
<a href="view_sn_member_child_home.html">
<div class="child_info_box">
<div class="child_pic hidden">아이 사진</div>
<div class="child_info">
<div class="child_name">한마음</div>
<div class="child_h_date_box">
<span class="h_date">측정기록없음</span>
</div>
</div>
</div>
</a>
<div class="child_r_box">
<!--<a href="../measure_iker/themes/height_measurement/sona_on.html" class="child_m_a_btn">
측정 <span class="more_icon hidden">더보기 아이콘</span>
</a>-->
<div class="edit_box edit_hidden">
<a href="view_sn_member_child.html" class="edit_btn edit_box_btn">
<span class="icon hidden">수정아이콘</span>수정
</a>
<button type="button" id="" name="" class="del_btn edit_box_btn">
<span class="icon hidden">삭제아이콘</span>삭제
</button>
</div>
</div>
</div>
<div class="child_list_item">
<button id="" name="" class="drag_btn hidden">순서변경</button>
<a href="view_sn_member_child_home.html">
<div class="child_info_box">
<div class="child_pic hidden">아이 사진</div>
<div class="child_info">
<div class="child_name">한국기</div>
<div class="child_h_date_box">
<span class="h_date">측정기록없음</span>
</div>
</div>
</div>
</a>
<div class="child_r_box">
<!--<a href="../measure_iker/themes/height_measurement/sona_on.html" class="child_m_a_btn">
측정 <span class="more_icon hidden">더보기 아이콘</span>
</a>-->
<div class="edit_box edit_hidden">
<a href="view_sn_member_child.html" class="edit_btn edit_box_btn">
<span class="icon hidden">수정아이콘</span>수정
</a>
<button type="button" id="" name="" class="del_btn edit_box_btn">
<span class="icon hidden">삭제아이콘</span>삭제
</button>
</div>
</div>
</div>
<div class="child_list_item">
<button id="" name="" class="drag_btn hidden">순서변경</button>
<a href="view_sn_member_child_home.html">
<div class="child_info_box">
<div class="child_pic hidden">아이 사진</div>
<div class="child_info">
<div class="child_name">한단비</div>
<div class="child_h_date_box">
<span class="h_date">측정기록없음</span>
</div>
</div>
</div>
</a>
<div class="child_r_box">
<!--<a href="../measure_iker/themes/height_measurement/sona_on.html" class="child_m_a_btn">
측정 <span class="more_icon hidden">더보기 아이콘</span>
</a>-->
<div class="edit_box edit_hidden">
<a href="view_sn_member_child.html" class="edit_btn edit_box_btn">
<span class="icon hidden">수정아이콘</span>수정
</a>
<button type="button" id="" name="" class="del_btn edit_box_btn">
<span class="icon hidden">삭제아이콘</span>삭제
</button>
</div>
</div>
</div>
</div>
</div>
<a href="view_sn_member_child.html" class="child_add">
아기를 추가해주세요<span class="add_icon hidden">추가</span>
</a>
<script>
$("#sortable").sortable({
placeholder: "ui-state-highlight",
containment: ".child_wrap"
});
$("#sortable").disableSelection();
$(".child_edit_btn").on("click", function () {
$(".child_list_item").toggleClass("edit_list_item");
$(".child_r_box").children().toggleClass("edit_hidden");
$(".child_edit_btn").toggleClass("edit_mode");
});
</script>
</main>
</div>
</body>
</html>
Write Preview
Loading…
Cancel
Save