초기소스
This commit is contained in:
135
src/main/webapp/WEB-INF/views/sample/SampleInqireListR.jsp
Normal file
135
src/main/webapp/WEB-INF/views/sample/SampleInqireListR.jsp
Normal file
@@ -0,0 +1,135 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||||
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
|
||||
<%@ taglib prefix="ui" uri="http://www.winbit.kr/ctl/ui"%>
|
||||
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Sample 목록조회</title>
|
||||
<c:import url="/comm/mngrCss"/>
|
||||
<c:import url="/comm/include"/>
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
fn_add_codeList('#testDiv', 'checkbox', 'testRdo', 'CGN02802', JSON.parse('${ resultMap.cgn028List }'));
|
||||
//fn_add_codeList('#testDiv', 'select', 'testRdo', 'CGN02802', JSON.parse('${ resultMap.cgn028List }'), '전체');
|
||||
});
|
||||
|
||||
const fn_select_sampleList = function(pageIndex){
|
||||
$("#pageIndex").val(pageIndex);
|
||||
$("#defaultForm").submit();
|
||||
}
|
||||
|
||||
const fn_upload_file = function() {
|
||||
var form = $('#fileForm')[0];
|
||||
var formData = new FormData(form);
|
||||
$.ajax({
|
||||
type : 'post',
|
||||
url : '<c:url value="/sample/fileUpload"/>',
|
||||
data : formData,
|
||||
contentType : false,
|
||||
processData : false,
|
||||
success : function(data) {
|
||||
console.log('data : ', data);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
const fn_test_validation = function() {
|
||||
$.ajax({
|
||||
type : 'post',
|
||||
url : '<c:url value="/sample/inputValidation"/>',
|
||||
data : $('#validateForm').serialize(),
|
||||
success : function(data) {
|
||||
console.log('data : ', data);
|
||||
},
|
||||
error: function(data){
|
||||
const errorObject = JSON.parse(data.responseJSON.resBody.message);
|
||||
console.log('errorObject : ', errorObject);
|
||||
let isMtched = false;
|
||||
$(document).find('input,select,textarea').each(function(){
|
||||
for(let idx=0; idx<errorObject.errorFields.length; idx++) {
|
||||
if(errorObject.errorFields[idx].field.indexOf($(this).prop('name')) >= 0) {
|
||||
console.log('input(2) : ', $(this).prop('name'));
|
||||
isMtched = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if(isMtched) {
|
||||
console.log('errorField : ', $(this).prop('name'));
|
||||
$(this).focus();
|
||||
return false;
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<form id="defaultForm" action="<c:url value="/sample/sampleListR"/>" method="post">
|
||||
<input id="pageIndex" name="pageIndex"/>
|
||||
</form>
|
||||
<div>
|
||||
<div id="testDiv" class="b-checkbox-container">
|
||||
</div>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>항목1</th>
|
||||
<th>항목2</th>
|
||||
<th>항목3</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<c:choose>
|
||||
<c:when test="${ not empty resultMap.paginationInfo }">
|
||||
<c:forEach items="${ resultMap.resultList }" var="result" varStatus="status">
|
||||
<tr>
|
||||
<td><c:out value="${ result.clientId }"/></td>
|
||||
<td><c:out value="${ result.clientIdIssuedAt }"/></td>
|
||||
<td><c:out value="${ result.clientSecret }"/></td>
|
||||
</tr>
|
||||
</c:forEach>
|
||||
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<tr>
|
||||
<td colspan="3">조회된 데이터가 없습니다.</td>
|
||||
</tr>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<%-- 파일업로드 확장자 제한 추가 / 2023-12-01 / 박철민 --%>
|
||||
<div>
|
||||
<spring:eval expression="@environment.getProperty('spring.servlet.multipart.max-file-size')" var="maxFileSize" />
|
||||
<spring:eval expression="@environment.getProperty('mngrfo.common.fileupload.extensions.images')" var="acceptFileExtensions" />
|
||||
<form id="fileForm" name="fileForm" action="" method="post" enctype="multipart/form-data">
|
||||
<input id="testFileInput" name="testFileInput" type="file" accept="<c:out value="${ acceptFileExtensions }"/>" /> 최대파일 크기(<c:out value="${ maxFileSize }"/>)
|
||||
<input id="testFileInput" name="testFileInput" type="file" accept="<c:out value="${ acceptFileExtensions }"/>" /> 최대파일 크기(<c:out value="${ maxFileSize }"/>)
|
||||
</form>
|
||||
<button type="button" onclick="fn_upload_file(); return false;">파일업로드</button>
|
||||
</div>
|
||||
<br/>
|
||||
<div>
|
||||
<form id="validateForm">
|
||||
<input type="text" name="name" value=""/>
|
||||
<input type="text" name="txtContent" value="12345"/>
|
||||
</form>
|
||||
<button type="button" onclick="fn_test_validation(); return false;">입력값정합성검사</button>
|
||||
</div>
|
||||
<br/>
|
||||
<div>
|
||||
이미지 : <img src="<c:url value="/sample/imageView"/>">
|
||||
</div>
|
||||
<br/>
|
||||
<div class="pagination__container">
|
||||
<ui:pagination paginationInfo="${resultMap.paginationInfo}" type="image" jsFunction="fn_select_sampleList" />
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
195
src/main/webapp/WEB-INF/views/sample/SampleNaver.jsp
Normal file
195
src/main/webapp/WEB-INF/views/sample/SampleNaver.jsp
Normal file
@@ -0,0 +1,195 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||||
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
|
||||
<%@ taglib prefix="ui" uri="http://www.winbit.kr/ctl/ui"%>
|
||||
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Sample</title>
|
||||
<c:import url="/comm/mngrCss"/>
|
||||
<c:import url="/comm/include"/>
|
||||
|
||||
<!--[ 네이버 공통유입 스크립트 ]-->
|
||||
<script type="text/javascript" src="https://wcs.naver.net/wcslog.js"></script>
|
||||
<script type="text/javascript">
|
||||
if(!wcs_add) var wcs_add = {};
|
||||
wcs_add["wa"] = "s_256f0fc6f82c"; //알파랩 네이버 공통인증키
|
||||
wcs.checkoutWhitelist = ["nutricore.co.kr","m.nutricore.co.kr","www.nutricore.co.kr"]; // 체크아웃 White list가 있을 경우
|
||||
wcs.inflow('nutricore.co.kr');
|
||||
</script>
|
||||
|
||||
<!--[ 네이버 구매하기버튼 스크립트 ]-->
|
||||
<%
|
||||
String webMode = "PC"; //request로 받아서 처리
|
||||
String orgMode = "test"; //request로 받아서 처리
|
||||
|
||||
if(webMode.equals("mobile")){
|
||||
if(orgMode.equals("test")){
|
||||
%>
|
||||
<script type="text/javascript" src="http://test-pay.naver.com/customer/js/mobile/naverPayButton.js" charset="UTF-8"></script>
|
||||
<% }else{%>
|
||||
<script type="text/javascript" src="http://pay.naver.com/customer/js/mobile/naverPayButton.js" charset="UTF-8"></script>
|
||||
<%
|
||||
}
|
||||
}else{
|
||||
if(orgMode.equals("test")){
|
||||
%>
|
||||
<script type="text/javascript" src="http://test-pay.naver.com/customer/js/naverPayButton.js" charset="UTF-8"></script>
|
||||
<% }else{%>
|
||||
<script type="text/javascript" src="http://pay.naver.com/customer/js/naverPayButton.js" charset="UTF-8"></script>
|
||||
<%
|
||||
}
|
||||
}%>
|
||||
|
||||
<script type="text/javascript">
|
||||
function naverpay_submit(mode,shippingType){
|
||||
|
||||
var oneplusonecross_ea = '3';
|
||||
|
||||
/* 이부분 다시 확인 해야 함
|
||||
|
||||
//함께 구매하기내에서 N+M 증정 상품일떄에도 체크 @2020-02-14
|
||||
$('#goods_view table.addgoods_quantity_table .quanity_row').each(function(e, el) {
|
||||
var relation_oneplusone = $(this).find("input[name='relation_option_select_provider_seq[]']").attr("relation_oneplusone");
|
||||
var relation_oneplusone_cross = $(this).find("input[name='relation_option_select_provider_seq[]']").attr("relation_oneplusone_cross");
|
||||
if( relation_oneplusone_cross != '1' ) return true;
|
||||
$(".relation_ea_change").each(function(e, el) {
|
||||
if($(this).val() >= oneplusonecross_ea ){//평균가증정 조건에 맞으면
|
||||
oneplusonecross = true;
|
||||
return false;
|
||||
}
|
||||
});
|
||||
});
|
||||
*/
|
||||
|
||||
if(mode == "direct" || oneplusonecross ){
|
||||
if (typeof check_option == 'function') {
|
||||
if( !check_option() ){
|
||||
return;
|
||||
}
|
||||
}
|
||||
var f = $("form[name='goodsForm']");
|
||||
}else{
|
||||
var f = $("form[name='cart_form']");
|
||||
}
|
||||
//f.attr("target","_blank");
|
||||
|
||||
if( oneplusonecross ) {
|
||||
f.attr("action","../order/add?oneplusonecross=yes");
|
||||
}else if(mode == "direct"){
|
||||
f.attr("action","../order/add?mode=direct&order_mode=npay&skin_version=multi&no=814"); //no는 상품번호<?php echo $TPL_VAR["goods"]["goods_seq"]?>
|
||||
|
||||
//결국은 pageRedirect("../naverpay/buy?goodsSeq=".$_GET['no']."&mode=".$mode."&skin_version=".$_GET['skin_version'],'','self');
|
||||
}else{
|
||||
f.attr("action","../naverpay/buy?mode="+mode+"&shippingType="+shippingType+"&skin_version=multi");
|
||||
}
|
||||
f[0].submit();
|
||||
|
||||
}
|
||||
|
||||
function buy_nc(){
|
||||
|
||||
var msgcroosgoods = new Array();
|
||||
var msgcroosgoods = ["[평균가증정]이 존재합니다. <br/> [평균가증정]상품 모두 선택해 주세요.", "[평균가증정]상품이 존재합니다. <br/> [증정상품 선택]버튼을 클릭하여 증정품을 모두 선택해 주세요."];
|
||||
|
||||
|
||||
//장바구니에서 처리해야할 부분들 있음
|
||||
|
||||
var pay_position = "direct"; //장바구니이면 cart
|
||||
|
||||
|
||||
var shipping_group = "";
|
||||
shipping_group = $("select[name='shipping_method'] option:selected").val();
|
||||
naverpay_submit(pay_position,shipping_group);
|
||||
|
||||
//스킨버전으로 popup을 띄우기도 함. (패스해도 될듯한데...)
|
||||
|
||||
}
|
||||
|
||||
function not_buy_nc(){
|
||||
var h = 150; openDialogAlert("",450,h); // 주문불가 메시지를 전역변수 not_buy_msg에 넣고 창에서 띄운다.
|
||||
}
|
||||
|
||||
function wishlist_nc(){
|
||||
|
||||
// 네이버 체크아웃으로 찜 정보를 등록하는 가맹점 페이지 팝업 창 생성.
|
||||
var f = $("form[name='goodsForm']");
|
||||
|
||||
//장바구니 일때 찜개수를 확인하는데...장바구니에선 찜버튼이 없으므로 장바구니에서 확인필요
|
||||
|
||||
f.attr("action","../naverpay/zzim");
|
||||
|
||||
<%if(webMode.equals("mobile")){%>
|
||||
f.attr("target","_self");
|
||||
<%}else{%>
|
||||
window.open("/main/blank","zzim","scrollbars=yes,width=400,height=267");
|
||||
f.attr("target","zzim");
|
||||
<%}%>
|
||||
|
||||
f[0].submit();
|
||||
f.attr("target","actionFrame");
|
||||
f.attr("action","../order/add");
|
||||
return false;
|
||||
}
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="first">
|
||||
<!-- 상품정보 -->
|
||||
상품명 : 옷 <br/>
|
||||
|
||||
<form id="opt" action="" name="goodsForm">
|
||||
색상 :
|
||||
<select id="color">
|
||||
<option value="no">-- 색상을 선택해 주세요 --</option>
|
||||
<option value="red">빨간색</option>
|
||||
<option value="red">파란색</option>
|
||||
</select><br/>
|
||||
크기 :
|
||||
<select id="size">
|
||||
<option value="no">-- 크기를 선택해 주세요 --</option>
|
||||
<option value="L">Large(L)</option>
|
||||
<option value="XL">Extra Large(XL)</option>
|
||||
</select><br/>
|
||||
배송비 :
|
||||
<input type="radio" name="spt" value="FREE"/>무료
|
||||
<input type="radio" name="spt" value="PAYED"/>선불
|
||||
<input type="radio" name="spt" value="ONDELIVERY"/>착불
|
||||
</form>
|
||||
|
||||
<script type="text/javascript">//<![CDATA[
|
||||
|
||||
var notPayMode = false;
|
||||
var enable = 'Y';
|
||||
var buy_npay = buy_nc;
|
||||
var goods_status = '';
|
||||
|
||||
// 품절등과 같은 이유에 따라 버튼을 비활성화할 필요가 있을 경우
|
||||
if(notPayMode){
|
||||
enable = 'N';
|
||||
buy_npay = not_buy_nc;
|
||||
wishlist_nc = not_buy_nc;
|
||||
}
|
||||
//버튼타입,버튼색, 버튼갯수 프로퍼티에서 읽어오기
|
||||
naver.NaverPayButton.apply({
|
||||
BUTTON_KEY:"41D2EDF1-3B81-4DCB-8043-21E4C3043877", // 알파랩 - 네이버페이에서 할당받은 버튼 KEY를 입력하세요. 뉴트리:BUTTON_KEY:"58008618-E3CD-40F7-AE8D-37D624935098"
|
||||
TYPE: "A", // 템플릿을 확인하시고 원하는 타입의 버튼을 선택
|
||||
COLOR: 1, // 버튼의 색 설정
|
||||
COUNT: 2, // 버튼 개수 설정. 구매하기 버튼만 있으면 1, 찜하기 버튼과 함께 있으면 2를 입력한다.
|
||||
ENABLE: enable, // 품절등과 같은 이유에 따라 버튼을 비활성화할 필요가 있을 경우
|
||||
BUY_BUTTON_HANDLER: buy_npay, // 구매하기 버튼 이벤트 Handler 함수 등록, 품절인 경우 not_buy_nc 함수 사용
|
||||
WISHLIST_BUTTON_HANDLER:wishlist_nc, // 구매하기 버튼 이벤트 Handler 함수 등록, 품절인 경우 not_buy_nc 함수 사용 ///sample/SampleNaverPopup
|
||||
"":""
|
||||
});
|
||||
//]]>
|
||||
</script>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
wcs_do();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
29
src/main/webapp/WEB-INF/views/sample/SampleNaverPopup.jsp
Normal file
29
src/main/webapp/WEB-INF/views/sample/SampleNaverPopup.jsp
Normal file
@@ -0,0 +1,29 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||||
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
|
||||
<%@ taglib prefix="ui" uri="http://www.winbit.kr/ctl/ui"%>
|
||||
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Sample</title>
|
||||
<c:import url="/comm/mngrCss"/>
|
||||
<c:import url="/comm/include"/>
|
||||
<script type="text/javascript" src="http://pay.naver.com/customer/js/naverPayButton.js" charset="UTF-8"></script>
|
||||
<script>
|
||||
|
||||
//document.frm.target = "_top";
|
||||
//document.frm.submit();
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<form name="frm" method="get" action="https://test-pay.naver.com/customer/wishlistPopup.nhn">
|
||||
<input type="hidden" name="SHOP_ID" value="np_nbxsi348787">
|
||||
<input type="hidden" name="ITEM_ID" value="1200047309"> <!-- 아이템은 하나씩 전송되어야 함 -->
|
||||
|
||||
<input type="submit" >
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
58
src/main/webapp/WEB-INF/views/sample/SampleSmartEditor.jsp
Normal file
58
src/main/webapp/WEB-INF/views/sample/SampleSmartEditor.jsp
Normal file
@@ -0,0 +1,58 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||||
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
|
||||
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>네이버 스마트에디터 2.X 적용 샘플</title>
|
||||
<c:import url="/comm/mngrCss"/>
|
||||
<c:import url="/comm/include"/>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
fn_create_editor('txtContent');
|
||||
});
|
||||
|
||||
const save = function(){
|
||||
fn_convert_editor('txtContent');
|
||||
var formData = new FormData(document.getElementById('form'));
|
||||
$.ajax({
|
||||
type : 'post',
|
||||
enctype: 'multipart/form-data',
|
||||
processData:false,
|
||||
contentType:false,
|
||||
url : '<c:url value="/sample/insertEdiotrValue"/>',
|
||||
data : formData,
|
||||
success : function(data) {
|
||||
console.log('data : ', data);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
const closePop = function() {
|
||||
fn_close_modal("modalPop");
|
||||
}
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<spring:eval expression="@environment.getProperty('spring.servlet.multipart.max-file-size')" var="maxFileSize" />
|
||||
<spring:eval expression="@environment.getProperty('mngrfo.common.fileupload.extensions.images')" var="acceptFileExtensions" />
|
||||
<form id="form" name="form" action="" method="post" enctype="multipart/form-data">
|
||||
<div id="smartEditor">
|
||||
<textarea id="txtContent" name="txtContent" rows="20" cols="10" style="width: 100%;"></textarea>
|
||||
</div>
|
||||
<div id="se2_sample" style="margin:10px 0;">
|
||||
<input type="button" onclick="save(); return false;" value="저장">
|
||||
<input type="button" onclick="$('#modalPop').modal(); return false;" value="팝업호출">
|
||||
</div>
|
||||
<input id="testFileInput" name="testFileInput" type="file" accept="<c:out value="${ acceptFileExtensions }"/>" /> 최대파일 크기(<c:out value="${ maxFileSize }"/>)
|
||||
<input id="testFileInput" name="testFileInput" type="file" accept="<c:out value="${ acceptFileExtensions }"/>" /> 최대파일 크기(<c:out value="${ maxFileSize }"/>)
|
||||
</form>
|
||||
<div id="modalPop" style="display: none;">
|
||||
<div>modal test</div>
|
||||
<div><input type="button" onclick="closePop(); return false;" value="팝업닫기"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
767
src/main/webapp/WEB-INF/views/sample/UiCcSetE101.jsp
Normal file
767
src/main/webapp/WEB-INF/views/sample/UiCcSetE101.jsp
Normal file
@@ -0,0 +1,767 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||||
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>GC ONE 관리자</title>
|
||||
<c:import url="/comm/mngrCss"/>
|
||||
<c:import url="/comm/include"/>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<c:import url="/comm/mngr/header"/>
|
||||
<main class="main">
|
||||
<c:import url="/comm/mngr/left"/>
|
||||
<div class="content">
|
||||
<div class="content__inner">
|
||||
<button class="side-nav__fold"><span class="visually-hidden">좌측메뉴 펼치기/닫기</span></button>
|
||||
<div class="page-title">
|
||||
<h2 class="page-title__title">일반 상품 조회</h2>
|
||||
<div class="page-title__btn-container">
|
||||
<a href="" class="btn primary">상품 등록
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<section class="content-section">
|
||||
<form>
|
||||
<div class="table-wrapper">
|
||||
<table class="table">
|
||||
<caption>해당 테이블에 대한 설명</caption>
|
||||
<colgroup>
|
||||
<col style="width: 12%;">
|
||||
<col>
|
||||
<col style="width: 12%;">
|
||||
<col>
|
||||
</colgroup>
|
||||
<tr>
|
||||
<th>검색어</th>
|
||||
<td colspan="3">
|
||||
<div class="td-inner">
|
||||
<div class="select-box">
|
||||
<select title="해당 셀렉트에 대한 설명">
|
||||
<option value="">전체</option>
|
||||
<option value="">이름</option>
|
||||
</select>
|
||||
</div>
|
||||
<input class="input-text xl" type="text" title="해당 인풋에 대한 설명">
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>카테고리</th>
|
||||
<td colspan="3">
|
||||
<div class="td-inner">
|
||||
<div class="input-container gap-4">
|
||||
<div class="select-box">
|
||||
<select title="해당 셀렉트에 대한 설명">
|
||||
<option value="">1차분류</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="select-box">
|
||||
<select title="해당 셀렉트에 대한 설명">
|
||||
<option value="">2차분류</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="select-box">
|
||||
<select title="해당 셀렉트에 대한 설명">
|
||||
<option value="">3차분류</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="select-box">
|
||||
<select title="해당 셀렉트에 대한 설명">
|
||||
<option value="">4차분류</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="b-checkbox-container">
|
||||
<label class="b-checkbox checkbox">
|
||||
<input type="checkbox" value="">
|
||||
<span class="check"></span>
|
||||
<span class="control-label">대표 카테고리 기준</span>
|
||||
</label>
|
||||
<label class="b-checkbox checkbox">
|
||||
<input type="checkbox" value="">
|
||||
<span class="check"></span>
|
||||
<span class="control-label">카테고리 미등록</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="search-hide">
|
||||
<th>브랜드</th>
|
||||
<td colspan="3">
|
||||
<div class="td-inner">
|
||||
<div class="select-box">
|
||||
<select title="해당 셀렉트에 대한 설명">
|
||||
<option value="">전체</option>
|
||||
<option value="">뉴트리코어</option>
|
||||
<option value="">참다한</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="b-checkbox-container">
|
||||
<label class="b-checkbox checkbox">
|
||||
<input type="checkbox" value="">
|
||||
<span class="check"></span>
|
||||
<span class="control-label">브랜드 미등록</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="search-hide">
|
||||
<th>날짜</th>
|
||||
<td colspan="3">
|
||||
<div class="td-inner">
|
||||
<div class="select-box">
|
||||
<select title="해당 셀렉트에 대한 설명">
|
||||
<option value="">등록일</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input-container">
|
||||
<input type="text" id="datepicker_1" class="datepicker" title="시작 날짜 선택"
|
||||
autocomplete="off">
|
||||
<span class="tilde">~</span>
|
||||
<input type="text" id="datepicker_2" class="datepicker" title="종료 날짜 선택"
|
||||
autocomplete="off">
|
||||
</div>
|
||||
<div class="dateRange-btnContainer">
|
||||
<button class="dateRange-btn">오늘</button>
|
||||
<button class="dateRange-btn">3일간</button>
|
||||
<button class="dateRange-btn">일주일</button>
|
||||
<button class="dateRange-btn">1개월</button>
|
||||
<button class="dateRange-btn">3개월</button>
|
||||
<button class="dateRange-btn selected">전체</button>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>판매상태</th>
|
||||
<td>
|
||||
<div class="td-inner">
|
||||
<div class="b-checkbox-container">
|
||||
<label class="b-checkbox checkbox">
|
||||
<input type="checkbox" value="">
|
||||
<span class="check"></span>
|
||||
<span class="control-label">전체</span>
|
||||
</label>
|
||||
<label class="b-checkbox checkbox">
|
||||
<input type="checkbox" value="">
|
||||
<span class="check"></span>
|
||||
<span class="control-label">정상</span>
|
||||
</label>
|
||||
<label class="b-checkbox checkbox">
|
||||
<input type="checkbox" value="">
|
||||
<span class="check"></span>
|
||||
<span class="control-label">품절</span>
|
||||
</label>
|
||||
<label class="b-checkbox checkbox">
|
||||
<input type="checkbox" value="">
|
||||
<span class="check"></span>
|
||||
<span class="control-label">재고 확보중</span>
|
||||
</label>
|
||||
<label class="b-checkbox checkbox">
|
||||
<input type="checkbox" value="">
|
||||
<span class="check"></span>
|
||||
<span class="control-label">판매 중지</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<th>노출여부</th>
|
||||
<td>
|
||||
<div class="td-inner">
|
||||
<div class="b-checkbox-container">
|
||||
<label class="b-checkbox checkbox">
|
||||
<input type="checkbox" value="">
|
||||
<span class="check"></span>
|
||||
<span class="control-label">전체</span>
|
||||
</label>
|
||||
<label class="b-checkbox checkbox">
|
||||
<input type="checkbox" value="">
|
||||
<span class="check"></span>
|
||||
<span class="control-label">노출</span>
|
||||
</label>
|
||||
<label class="b-checkbox checkbox">
|
||||
<input type="checkbox" value="">
|
||||
<span class="check"></span>
|
||||
<span class="control-label">미노출</span>
|
||||
</label>
|
||||
<label class="b-checkbox checkbox">
|
||||
<input type="checkbox" value="">
|
||||
<span class="check"></span>
|
||||
<span class="control-label">노출 예약</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="search-hide">
|
||||
<th>가격</th>
|
||||
<td colspan="3">
|
||||
<div class="td-inner">
|
||||
<div class="select-box">
|
||||
<select title="해당 셀렉트에 대한 설명">
|
||||
<option value="">정가</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input-container">
|
||||
<input type="text" class="input-text sm right number" value="0"
|
||||
title="해당 인풋에 대한 설명">
|
||||
<span class="input-unit-text">원</span>
|
||||
<span class="tilde">~</span>
|
||||
<input type="text" class="input-text sm right number" value="0"
|
||||
title="해당 인풋에 대한 설명">
|
||||
<span class="input-unit-text">원</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="search-hide">
|
||||
<th>재고에 따른 판매</th>
|
||||
<td colspan="3">
|
||||
<div class="td-inner">
|
||||
<div class="custom-radio-container">
|
||||
<div class="custom-radio">
|
||||
<input type="radio" id="r-1" name="r-group01" checked="">
|
||||
<label for="r-1">전체</label>
|
||||
</div>
|
||||
<div class="custom-radio">
|
||||
<input type="radio" id="r-2" name="r-group01">
|
||||
<label for="r-2">재고가 있으면 판매</label>
|
||||
</div>
|
||||
<div class="custom-radio">
|
||||
<input type="radio" id="r-3" name="r-group01">
|
||||
<label for="r-3">재고와 상관없이 판매</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="search-hide">
|
||||
<th>배송그룹</th>
|
||||
<td colspan="3">
|
||||
<div class="td-inner">
|
||||
<div class="select-box">
|
||||
<select title="해당 셀렉트에 대한 설명">
|
||||
<option value="">기본 배송 그룹</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="form-control-container">
|
||||
<div class="left"></div>
|
||||
<div class="center">
|
||||
<button class="btn outline">초기화</button>
|
||||
<button class="btn primary">검색</button>
|
||||
</div>
|
||||
<div class="right">
|
||||
<button class="btn outline search-detail">상세검색</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<section class="content-section">
|
||||
<form>
|
||||
<div class="form-control-container">
|
||||
<div class="left">
|
||||
<div class="search-number">
|
||||
<span class="search-number__text">총 <strong>720</strong>건</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="center">
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="select-box">
|
||||
<select title="해당 셀렉트에 대한 설명">
|
||||
<option value="">최근 가입순</option>
|
||||
<option value="">마일리지 많은순</option>
|
||||
<option value="">마일리지 적은순</option>
|
||||
<option value="">구매금액 많은순</option>
|
||||
<option value="">구매금액 적은순</option>
|
||||
<option value="">주문수 많은순</option>
|
||||
<option value="">주문수 적은순</option>
|
||||
<option value="">상품후기 많은순</option>
|
||||
<option value="">상품후기 적은순</option>
|
||||
<option value="">방문수 많은순</option>
|
||||
<option value="">방문수 적은순</option>
|
||||
<option value="">추천수 많은순</option>
|
||||
<option value="">추천수 적은순</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="select-box">
|
||||
<select title="해당 셀렉트에 대한 설명">
|
||||
<option value="">10개씩</option>
|
||||
<option value="">50개씩</option>
|
||||
<option value="">100개씩</option>
|
||||
<option value="">200개씩</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="horizontal-line">
|
||||
<div class="form-control-container">
|
||||
<div class="left">
|
||||
<button class="btn outline sm">선택 삭제</button>
|
||||
</div>
|
||||
<div class="center">
|
||||
</div>
|
||||
<div class="right">
|
||||
<button class="btn outline sm">
|
||||
<i class="icon icon_excel"></i>
|
||||
다운로드
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="spacing">
|
||||
<div class="table-wrapper">
|
||||
<table class="table vertical">
|
||||
<caption>해당 테이블에 대한 설명</caption>
|
||||
<!-- 각 열 width 설정 -->
|
||||
<colgroup>
|
||||
<col style="width: 4%;">
|
||||
<col style="width: 4%;">
|
||||
<col style="width: 7%;">
|
||||
<col style="width: 12%;">
|
||||
<col style="width: 7%;">
|
||||
<col style="width: 7%;">
|
||||
<col style="width: 7%;">
|
||||
<col style="width: 7%;">
|
||||
<col style="width: 7%;">
|
||||
<col style="width: 7%;">
|
||||
<col style="width: auto;">
|
||||
<col style="width: 4%;">
|
||||
<col style="width: 4%;">
|
||||
<col style="width: 10%;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>
|
||||
<label class="b-checkbox checkbox is-medium">
|
||||
<input type="checkbox" value="">
|
||||
<span class="check"></span>
|
||||
</label>
|
||||
</th>
|
||||
<th>번호</th>
|
||||
<th colspan="2">번호</th>
|
||||
<th>정가</th>
|
||||
<th>판매가</th>
|
||||
<th>재고</th>
|
||||
<th>재고판매</th>
|
||||
<th>배송그룹</th>
|
||||
<th>조회</th>
|
||||
<th>등록일/수정일</th>
|
||||
<th>판매상태</th>
|
||||
<th>노출여부</th>
|
||||
<th>관리</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<label class="b-checkbox checkbox is-medium">
|
||||
<input type="checkbox" value="">
|
||||
<span class="check"></span>
|
||||
</label>
|
||||
</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="/mngr/images/상품이미지01.png" width="80" height="80" alt="">
|
||||
</td>
|
||||
<td><a href="" class="under-line">테스트 상품</a></td>
|
||||
<td>80,000원</td>
|
||||
<td>
|
||||
80,000원
|
||||
</td>
|
||||
<td><a href="" class="under-line">재고확인</a></td>
|
||||
<td>무제한</td>
|
||||
<td>배송그룹1</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<span>2021-12-12 23:12</span>
|
||||
<br>
|
||||
<span>2021-12-12 23:12</span>
|
||||
</td>
|
||||
<td>정상</td>
|
||||
<td>
|
||||
노출
|
||||
</td>
|
||||
<td>
|
||||
<div class="manage-btn-container">
|
||||
<button class="btn xsm light-gray">복사</button>
|
||||
<button class="btn xsm outline">상세</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<label class="b-checkbox checkbox is-medium">
|
||||
<input type="checkbox" value="">
|
||||
<span class="check"></span>
|
||||
</label>
|
||||
</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="/mngr/images/상품이미지01.png" width="80" height="80" alt="">
|
||||
</td>
|
||||
<td><a href="" class="under-line">테스트 상품</a></td>
|
||||
<td>80,000원</td>
|
||||
<td>
|
||||
80,000원
|
||||
</td>
|
||||
<td><a href="" class="under-line">재고확인</a></td>
|
||||
<td>무제한</td>
|
||||
<td>배송그룹1</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<span>2021-12-12 23:12</span>
|
||||
<br>
|
||||
<span>2021-12-12 23:12</span>
|
||||
</td>
|
||||
<td>정상</td>
|
||||
<td>
|
||||
노출
|
||||
</td>
|
||||
<td>
|
||||
<div class="manage-btn-container">
|
||||
<button class="btn xsm light-gray">복사</button>
|
||||
<button class="btn xsm outline">상세</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<label class="b-checkbox checkbox is-medium">
|
||||
<input type="checkbox" value="">
|
||||
<span class="check"></span>
|
||||
</label>
|
||||
</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="/mngr/images/상품이미지01.png" width="80" height="80" alt="">
|
||||
</td>
|
||||
<td><a href="" class="under-line">테스트 상품</a></td>
|
||||
<td>80,000원</td>
|
||||
<td>
|
||||
80,000원
|
||||
</td>
|
||||
<td><a href="" class="under-line">재고확인</a></td>
|
||||
<td>무제한</td>
|
||||
<td>배송그룹1</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<span>2021-12-12 23:12</span>
|
||||
<br>
|
||||
<span>2021-12-12 23:12</span>
|
||||
</td>
|
||||
<td>정상</td>
|
||||
<td>
|
||||
노출
|
||||
</td>
|
||||
<td>
|
||||
<div class="manage-btn-container">
|
||||
<button class="btn xsm light-gray">복사</button>
|
||||
<button class="btn xsm outline">상세</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<label class="b-checkbox checkbox is-medium">
|
||||
<input type="checkbox" value="">
|
||||
<span class="check"></span>
|
||||
</label>
|
||||
</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="/mngr/images/상품이미지01.png" width="80" height="80" alt="">
|
||||
</td>
|
||||
<td><a href="" class="under-line">테스트 상품</a></td>
|
||||
<td>80,000원</td>
|
||||
<td>
|
||||
80,000원
|
||||
</td>
|
||||
<td><a href="" class="under-line">재고확인</a></td>
|
||||
<td>무제한</td>
|
||||
<td>배송그룹1</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<span>2021-12-12 23:12</span>
|
||||
<br>
|
||||
<span>2021-12-12 23:12</span>
|
||||
</td>
|
||||
<td>정상</td>
|
||||
<td>
|
||||
노출
|
||||
</td>
|
||||
<td>
|
||||
<div class="manage-btn-container">
|
||||
<button class="btn xsm light-gray">복사</button>
|
||||
<button class="btn xsm outline">상세</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<label class="b-checkbox checkbox is-medium">
|
||||
<input type="checkbox" value="">
|
||||
<span class="check"></span>
|
||||
</label>
|
||||
</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="/mngr/images/상품이미지01.png" width="80" height="80" alt="">
|
||||
</td>
|
||||
<td><a href="" class="under-line">테스트 상품</a></td>
|
||||
<td>80,000원</td>
|
||||
<td>
|
||||
80,000원
|
||||
</td>
|
||||
<td><a href="" class="under-line">재고확인</a></td>
|
||||
<td>무제한</td>
|
||||
<td>배송그룹1</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<span>2021-12-12 23:12</span>
|
||||
<br>
|
||||
<span>2021-12-12 23:12</span>
|
||||
</td>
|
||||
<td>정상</td>
|
||||
<td>
|
||||
노출
|
||||
</td>
|
||||
<td>
|
||||
<div class="manage-btn-container">
|
||||
<button class="btn xsm light-gray">복사</button>
|
||||
<button class="btn xsm outline">상세</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<label class="b-checkbox checkbox is-medium">
|
||||
<input type="checkbox" value="">
|
||||
<span class="check"></span>
|
||||
</label>
|
||||
</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="/mngr/images/상품이미지01.png" width="80" height="80" alt="">
|
||||
</td>
|
||||
<td><a href="" class="under-line">테스트 상품</a></td>
|
||||
<td>80,000원</td>
|
||||
<td>
|
||||
80,000원
|
||||
</td>
|
||||
<td><a href="" class="under-line">재고확인</a></td>
|
||||
<td>무제한</td>
|
||||
<td>배송그룹1</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<span>2021-12-12 23:12</span>
|
||||
<br>
|
||||
<span>2021-12-12 23:12</span>
|
||||
</td>
|
||||
<td>정상</td>
|
||||
<td>
|
||||
노출
|
||||
</td>
|
||||
<td>
|
||||
<div class="manage-btn-container">
|
||||
<button class="btn xsm light-gray">복사</button>
|
||||
<button class="btn xsm outline">상세</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<label class="b-checkbox checkbox is-medium">
|
||||
<input type="checkbox" value="">
|
||||
<span class="check"></span>
|
||||
</label>
|
||||
</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="/mngr/images/상품이미지01.png" width="80" height="80" alt="">
|
||||
</td>
|
||||
<td><a href="" class="under-line">테스트 상품</a></td>
|
||||
<td>80,000원</td>
|
||||
<td>
|
||||
80,000원
|
||||
</td>
|
||||
<td><a href="" class="under-line">재고확인</a></td>
|
||||
<td>무제한</td>
|
||||
<td>배송그룹1</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<span>2021-12-12 23:12</span>
|
||||
<br>
|
||||
<span>2021-12-12 23:12</span>
|
||||
</td>
|
||||
<td>정상</td>
|
||||
<td>
|
||||
노출
|
||||
</td>
|
||||
<td>
|
||||
<div class="manage-btn-container">
|
||||
<button class="btn xsm light-gray">복사</button>
|
||||
<button class="btn xsm outline">상세</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<label class="b-checkbox checkbox is-medium">
|
||||
<input type="checkbox" value="">
|
||||
<span class="check"></span>
|
||||
</label>
|
||||
</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="/mngr/images/상품이미지01.png" width="80" height="80" alt="">
|
||||
</td>
|
||||
<td><a href="" class="under-line">테스트 상품</a></td>
|
||||
<td>80,000원</td>
|
||||
<td>
|
||||
80,000원
|
||||
</td>
|
||||
<td><a href="" class="under-line">재고확인</a></td>
|
||||
<td>무제한</td>
|
||||
<td>배송그룹1</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<span>2021-12-12 23:12</span>
|
||||
<br>
|
||||
<span>2021-12-12 23:12</span>
|
||||
</td>
|
||||
<td>정상</td>
|
||||
<td>
|
||||
노출
|
||||
</td>
|
||||
<td>
|
||||
<div class="manage-btn-container">
|
||||
<button class="btn xsm light-gray">복사</button>
|
||||
<button class="btn xsm outline">상세</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<label class="b-checkbox checkbox is-medium">
|
||||
<input type="checkbox" value="">
|
||||
<span class="check"></span>
|
||||
</label>
|
||||
</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="/mngr/images/상품이미지01.png" width="80" height="80" alt="">
|
||||
</td>
|
||||
<td><a href="" class="under-line">테스트 상품</a></td>
|
||||
<td>80,000원</td>
|
||||
<td>
|
||||
80,000원
|
||||
</td>
|
||||
<td><a href="" class="under-line">재고확인</a></td>
|
||||
<td>무제한</td>
|
||||
<td>배송그룹1</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<span>2021-12-12 23:12</span>
|
||||
<br>
|
||||
<span>2021-12-12 23:12</span>
|
||||
</td>
|
||||
<td>정상</td>
|
||||
<td>
|
||||
노출
|
||||
</td>
|
||||
<td>
|
||||
<div class="manage-btn-container">
|
||||
<button class="btn xsm light-gray">복사</button>
|
||||
<button class="btn xsm outline">상세</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<label class="b-checkbox checkbox is-medium">
|
||||
<input type="checkbox" value="">
|
||||
<span class="check"></span>
|
||||
</label>
|
||||
</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="/mngr/images/상품이미지01.png" width="80" height="80" alt="">
|
||||
</td>
|
||||
<td><a href="" class="under-line">테스트 상품</a></td>
|
||||
<td>80,000원</td>
|
||||
<td>
|
||||
80,000원
|
||||
</td>
|
||||
<td><a href="" class="under-line">재고확인</a></td>
|
||||
<td>무제한</td>
|
||||
<td>배송그룹1</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<span>2021-12-12 23:12</span>
|
||||
<br>
|
||||
<span>2021-12-12 23:12</span>
|
||||
</td>
|
||||
<td>정상</td>
|
||||
<td>
|
||||
노출
|
||||
</td>
|
||||
<td>
|
||||
<div class="manage-btn-container">
|
||||
<button class="btn xsm light-gray">복사</button>
|
||||
<button class="btn xsm outline">상세</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<div class="pagination__container">
|
||||
<div class="pagination">
|
||||
<button disabled class="pagination__item first"><span class="visually-hidden">첫
|
||||
페이지로</span></button>
|
||||
<button disabled class="pagination__item prev"><span class="visually-hidden">이전
|
||||
페이지로</span></button>
|
||||
<ol class="pagination__number-group">
|
||||
<li><button class="pagination__item active"><span>1</span></button></li>
|
||||
<li><button class="pagination__item"><span>2</span></button></li>
|
||||
<li><button class="pagination__item"><span>3</span></button></li>
|
||||
<li><button class="pagination__item"><span>4</span></button></li>
|
||||
<li><button class="pagination__item"><span>5</span></button></li>
|
||||
<li><button class="pagination__item"><span>6</span></button></li>
|
||||
<li><button class="pagination__item"><span>7</span></button></li>
|
||||
<li><button class="pagination__item"><span>8</span></button></li>
|
||||
<li><button class="pagination__item"><span>9</span></button></li>
|
||||
<li><button class="pagination__item"><span>10</span></button></li>
|
||||
</ol>
|
||||
<button class="pagination__item next"><span class="visually-hidden">다음 페이지로</span></button>
|
||||
<button class="pagination__item last"><span class="visually-hidden">마지막 페이지로</span></button>
|
||||
</div>
|
||||
</div>
|
||||
<button class="scroll-to-top"><span class="visually-hidden">위로가기</span></button>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<script>
|
||||
var searchHide = $(".search-hide");
|
||||
searchHide.hide();
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user