Compare commits
6 Commits
event.late
...
latest.ski
| Author | SHA1 | Date | |
|---|---|---|---|
| 1e7ba2d1e4 | |||
| cebd46a2e8 | |||
| d45c277f02 | |||
| f95459ce77 | |||
| bccf145cf1 | |||
| 999219f2ec |
@ -117,13 +117,13 @@ $rb_skin['md_auto_is'] 자동롤링 여부(1,0)
|
||||
if ($start_date && $end_date) {
|
||||
if ($todays < $start_date) {
|
||||
$item['_status'] = '예정'; // 예정
|
||||
$item['_sort'] = 0;
|
||||
$item['_sort'] = 1;
|
||||
} elseif ($todays > $end_date) {
|
||||
$item['_status'] = '종료'; // 종료
|
||||
$item['_sort'] = 3;
|
||||
} else {
|
||||
$item['_status'] = '진행'; // 진행 중
|
||||
$item['_sort'] = 1;
|
||||
$item['_sort'] = 0;
|
||||
}
|
||||
} else {
|
||||
$item['_status'] = '기타';
|
||||
@ -138,12 +138,18 @@ $rb_skin['md_auto_is'] 자동롤링 여부(1,0)
|
||||
// 정렬: 상태 우선순위(_sort) → 시작일(_start_date)
|
||||
usort($list, function ($a, $b) {
|
||||
if ($a['_sort'] === $b['_sort']) {
|
||||
// 시작일이 빠른 순서대로 하려는 경우 a, b의 순서를 변경하면 됨
|
||||
return strcmp($b['_start_date'], $a['_start_date']);
|
||||
}
|
||||
return $a['_sort'] <=> $b['_sort'];
|
||||
});
|
||||
|
||||
// 정렬 후 list_count 재설정 (안전)
|
||||
// 종료 상태인 항목 제외
|
||||
$list = array_filter($list, function ($item) {
|
||||
return $item['_status'] !== '종료';
|
||||
});
|
||||
|
||||
// 정렬 후 list_count 재설정
|
||||
$list_count = count($list);
|
||||
|
||||
for ($i=0; $i<$list_count; $i++) {
|
||||
@ -189,20 +195,6 @@ $rb_skin['md_auto_is'] 자동롤링 여부(1,0)
|
||||
$rb_ev_ico = '<span class="rb_latest_event_label main_rb_bg color-fff font-R">진행</span>';
|
||||
break;
|
||||
}
|
||||
/* switch 로 대체
|
||||
if($start_date && $end_date) {
|
||||
if ($todays < $start_date) {
|
||||
// 진행 전
|
||||
$rb_ev_ico = '<span class="rb_latest_event_label ev_label1 font-R" style="opacity:0.5;">예정</span>';
|
||||
} elseif ($todays > $end_date) {
|
||||
// 종료
|
||||
$rb_ev_ico = '<span class="rb_latest_event_label ev_label2 font-R">종료</span>';
|
||||
} else {
|
||||
// 진행 중
|
||||
$rb_ev_ico = '<span class="rb_latest_event_label main_rb_bg color-fff font-R">진행</span>';
|
||||
}
|
||||
}
|
||||
*/
|
||||
?>
|
||||
|
||||
<div class="rb_swiper_list">
|
||||
|
||||
@ -1,57 +0,0 @@
|
||||
@charset "utf-8";
|
||||
|
||||
.rb_latest_event {box-sizing: border-box; width: 100%; background-color: #F3F3F3; padding-top: 50px; padding-bottom: 50px;}
|
||||
.rb_latest_event .rb_latest_event_inner {position: relative; margin: 0 auto;}
|
||||
.rb_latest_event dd {position: relative;}
|
||||
.rb_latest_event dd:last-child {margin-bottom: 0px;}
|
||||
.rb_latest_event .bbs_main_wrap_con_ul1 {width: 100%; box-sizing: border-box; position: relative; margin-bottom: 20px;}
|
||||
.rb_latest_event .bbs_main_wrap_con_ul1 img {width: 100%; height:auto; border-radius: 10px;}
|
||||
.rb_latest_event .bbs_main_wrap_con_ul2 {width: 100%;}
|
||||
.rb_latest_event .bbs_main_wrap_con_subj {font-size: 18px;}
|
||||
.rb_latest_event .bbs_main_wrap_con_cont {font-size: 14px; color:#666; word-break: keep-all; margin-top: 5px;}
|
||||
.rb_latest_event .bbs_main_wrap_con_cont a {color:#666;}
|
||||
.rb_latest_event .bbs_main_wrap_con_info {font-size: 12px; color:#999; margin-top: 10px;}
|
||||
.rb_latest_event .bbs_main_wrap_con_writer {margin-top: 20px;}
|
||||
.rb_latest_event .bbs_main_wrap_con_writer span {display: inline-block;}
|
||||
.rb_latest_event .prof_tiny_image img {width: 30px; height:auto; border-radius: 50%; margin-right: 5px;}
|
||||
.rb_latest_event .prof_tiny_name {font-size: 12px; color:#999; line-height: 30px; margin-right: 10px;}
|
||||
.rb_latest_event .bbs_list_label {font-size: 11px; border-radius: 4px; padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 2px;}
|
||||
.rb_latest_event .bbs_main_wrap_tit_l a {font-size: 50px; color:#483729; letter-spacing: -2px;}
|
||||
.rb_latest_event .icon_abs {position: absolute; right:10px; top:10px;}
|
||||
.rb_latest_event .bbs_list_label.label1 {background-color: #FFC700; color:#fff;}
|
||||
.rb_latest_event .bbs_list_label.label2 {background-color: #00A3FF; color:#fff;}
|
||||
.rb_latest_event .bbs_list_label.label3 {background-color: #8ED100; color:#fff;}
|
||||
.rb_latest_event .bbs_list_label.label4 {background-color: #AA20FF; color:#fff;}
|
||||
.rb_latest_event .bbs_list_label.label5 {background-color: #25282B; color:#fff;}
|
||||
.rb_latest_event .bbs_list_label.label6 {background-color: #D6DCE0; color:#000;}
|
||||
|
||||
.rb_latest_event .rb_latest_event_item_date {display: flex; align-items: center; line-height: 24px; border-top:1px solid #ddd; padding-top: 15px; margin-top: 17px !important;}
|
||||
.rb_latest_event .rb_latest_event_item_date_1 {}
|
||||
.rb_latest_event .rb_latest_event_item_date_2 {margin-left: auto;}
|
||||
.rb_latest_event .rb_latest_event_label {padding: 5px 10px; border-radius: 20px; font-size: 12px;}
|
||||
.rb_latest_event .rb_latest_event_label.ev_label1 {background-color: #25282B; color:#fff;}
|
||||
.rb_latest_event .rb_latest_event_label.ev_label2 {background-color: #fff}
|
||||
.rb_latest_event .bbs_main_wrap_sub {margin-left: 30px; margin-top: 8px; font-size: 18px; color:#483729;}
|
||||
|
||||
.rb_latest_event_inner_btm {margin-top: 60px !important;}
|
||||
.theme_btns {width:100%; height:120px; border-radius: 10px; border:0px; background-repeat: no-repeat; background-size: cover; background-position: 0px 0px; display: flex; align-items: center; color:#fff; font-size: 20px; padding-left: 40px; padding-right: 40px; text-align: left;}
|
||||
.theme_btns img {border:0px !important;}
|
||||
.theme_btns span:nth-child(2) {margin-left: auto; height:20px;}
|
||||
|
||||
@media all and (max-width:1024px) {
|
||||
.rb_latest_event .rb_latest_event_inner {width: 100% !important;}
|
||||
.rb_latest_event .rb_swiper_paging_btn {top:14px;}
|
||||
.rb_latest_event .bbs_main_wrap_tit_l a {font-size: 34px;}
|
||||
.rb_latest_event .bbs_main_wrap_sub {float:none; margin-left: 0px; font-size: 16px}
|
||||
.rb_latest_event .bbs_main_wrap_tit_l {float:none;}
|
||||
.rb_latest_event .rb-swiper-slide {width: 100%;}
|
||||
.rb_latest_event .bbs_main_wrap_tit_r {margin-top: -86px;}
|
||||
.rb_latest_event_inner_btm {margin-top: 30px !important;}
|
||||
.rb_latest_event .rb-swiper-slide {width: 100% !important;}
|
||||
.rb_latest_event bbs_main_wrap_thumb_top_con {width: 100% !important;}
|
||||
}
|
||||
@media all and (max-width:768px) {
|
||||
.rb_latest_event .rb_latest_event_item_date {display:block;}
|
||||
.rb_latest_event .rb_latest_event_item_date_1 {font-size: 12px;}
|
||||
.rb_latest_event .rb_latest_event_inner {width: 100% !important;}
|
||||
}
|
||||
@ -58,9 +58,9 @@ $rb_skin['md_auto_is'] 자동롤링 여부(1,0)
|
||||
|
||||
|
||||
|
||||
<div class="bbs_main rb_latest_event rb_latest_event_<?php echo $row_mod['md_id'] ?>" style="padding-top:0px !important;">
|
||||
<div class="bbs_main rb_latest_promotion rb_latest_promotion_<?php echo $row_mod['md_id'] ?>" style="padding-top:0px !important;">
|
||||
|
||||
<div class="rb_latest_event_inner" style="width:<?php echo $rb_core['main_width'] ?>px;">
|
||||
<div class="rb_latest_promotion_inner" style="width:<?php echo $rb_core['main_width'] ?>px;">
|
||||
|
||||
<!-- { -->
|
||||
<ul class="bbs_main_wrap_tit">
|
||||
@ -142,13 +142,13 @@ $rb_skin['md_auto_is'] 자동롤링 여부(1,0)
|
||||
if($start_date && $end_date) {
|
||||
if ($todays < $start_date) {
|
||||
// 진행 전
|
||||
$rb_ev_ico = '<span class="rb_latest_event_label ev_label1 font-R" style="opacity:0.5;">예정</span>';
|
||||
$rb_ev_ico = '<span class="rb_latest_promotion_label ev_label1 font-R" style="opacity:0.5;">예정</span>';
|
||||
} elseif ($todays > $end_date) {
|
||||
// 종료
|
||||
$rb_ev_ico = '<span class="rb_latest_event_label ev_label2 font-R">종료</span>';
|
||||
$rb_ev_ico = '<span class="rb_latest_promotion_label ev_label2 font-R">종료</span>';
|
||||
} else {
|
||||
// 진행 중
|
||||
$rb_ev_ico = '<span class="rb_latest_event_label main_rb_bg color-fff font-R">진행</span>';
|
||||
$rb_ev_ico = '<span class="rb_latest_promotion_label main_rb_bg color-fff font-R">진행</span>';
|
||||
}
|
||||
}
|
||||
?>
|
||||
@ -221,9 +221,9 @@ $rb_skin['md_auto_is'] 자동롤링 여부(1,0)
|
||||
</ul>
|
||||
|
||||
<?php if (isset($list[$i]['wr_1']) && $list[$i]['wr_1'] && isset($list[$i]['wr_2']) && $list[$i]['wr_2']) { ?>
|
||||
<ul class="rb_latest_event_item_date mt-10 font-14 font-B main_color">
|
||||
<li class="rb_latest_event_item_date_1"><?php echo get_text($list[$i]['wr_1']); ?> ~ <?php echo get_text($list[$i]['wr_2']); ?></li>
|
||||
<li class="rb_latest_event_item_date_2"><?php echo $rb_ev_ico ?></li>
|
||||
<ul class="rb_latest_promotion_item_date mt-10 font-14 font-B main_color">
|
||||
<li class="rb_latest_promotion_item_date_1"><?php echo get_text($list[$i]['wr_1']); ?> ~ <?php echo get_text($list[$i]['wr_2']); ?></li>
|
||||
<li class="rb_latest_promotion_item_date_2"><?php echo $rb_ev_ico ?></li>
|
||||
</ul>
|
||||
<?php } ?>
|
||||
|
||||
@ -258,54 +258,6 @@ $rb_skin['md_auto_is'] 자동롤링 여부(1,0)
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="rb_latest_event_inner rb_latest_event_inner_btm" style="width:<?php echo $rb_core['main_width'] ?>px;">
|
||||
<div class="rb_swiper" id="rb_swiper_<?php echo $rb_skin['md_id'] ?>_btm" data-pc-w="3" data-pc-h="2" data-mo-w="1" data-mo-h="1" data-pc-gap="30" data-mo-gap="20" data-autoplay="1" data-autoplay-time="4000" data-pc-swap="0" data-mo-swap="1">
|
||||
|
||||
<div class="rb_swiper_inner">
|
||||
<div class="rb-swiper-wrapper swiper-wrapper">
|
||||
<div class="rb_swiper_list">
|
||||
<button type="button" class="theme_btns" style="background-image:url('<?php echo G5_THEME_URL ?>/rb.img/theme1_bg.png');" onclick="window.open('/VR/2019(day).html');">
|
||||
<span>23가지 테마가 있는<br>퍼스트가든</span>
|
||||
<span><img src="<?php echo G5_THEME_URL ?>/rb.img/vr_ico.svg"></span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="rb_swiper_list">
|
||||
<button type="button" class="theme_btns" style="background-image:url('<?php echo G5_THEME_URL ?>/rb.img/theme2_bg.png');" onclick="window.open('/VR/2019(night).html');">
|
||||
<span>별빛이 흐르는<br>퍼스트가든</span>
|
||||
<span><img src="<?php echo G5_THEME_URL ?>/rb.img/vr_ico.svg"></span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="rb_swiper_list">
|
||||
<button type="button" class="theme_btns" style="background-image:url('<?php echo G5_THEME_URL ?>/rb.img/theme3_bg.png');" onclick="location.href='<?php echo G5_URL ?>/content/edu1';">
|
||||
<span>교육과 체험이 있는<br>퍼스트가든</span>
|
||||
<span><img src="<?php echo G5_THEME_URL ?>/rb.img/right_ico.svg"></span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="rb_swiper_list">
|
||||
<button type="button" class="theme_btns" style="background-image:url('<?php echo G5_THEME_URL ?>/rb.img/theme4_bg.png');" onclick="location.href='<?php echo G5_URL ?>/facilities';">
|
||||
<span>볼거리와 즐길거리가 있는<br>퍼스트가든</span>
|
||||
<span><img src="<?php echo G5_THEME_URL ?>/rb.img/right_ico.svg"></span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="rb_swiper_list">
|
||||
<button type="button" class="theme_btns" style="background-image:url('<?php echo G5_THEME_URL ?>/rb.img/theme5_bg.png');" onclick="location.href='<?php echo G5_URL ?>/dining';">
|
||||
<span>맛있는 먹을거리가 있는<br>퍼스트가든</span>
|
||||
<span><img src="<?php echo G5_THEME_URL ?>/rb.img/right_ico.svg"></span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="rb_swiper_list">
|
||||
<button type="button" class="theme_btns" style="background-image:url('<?php echo G5_THEME_URL ?>/rb.img/theme6_bg.png');" onclick="location.href='<?php echo G5_URL ?>/news';">
|
||||
<span>365일 쉬지 않는<br>퍼스트가든</span>
|
||||
<span><img src="<?php echo G5_THEME_URL ?>/rb.img/right_ico.svg"></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<script>
|
||||
|
||||
@ -313,7 +265,7 @@ $rb_skin['md_auto_is'] 자동롤링 여부(1,0)
|
||||
//복제 사용을 위해 $row_mod['md_id'](모듈ID) 를 활용 합니다.
|
||||
|
||||
function adjustDivWidth_<?php echo $row_mod['md_id'] ?>() {
|
||||
const content_w = $('.rb_latest_event_<?php echo $row_mod['md_id'] ?>');
|
||||
const content_w = $('.rb_latest_promotion_<?php echo $row_mod['md_id'] ?>');
|
||||
const firstAdminOv_w = content_w.nextUntil('.admin_ov').next('.admin_ov');
|
||||
|
||||
if ($(window).width() > <?php echo $rb_core['main_width'] ?>) {
|
||||
55
theme/rb.basic/skin/latest/rb.latest.promotion/style.css
Normal file
55
theme/rb.basic/skin/latest/rb.latest.promotion/style.css
Normal file
@ -0,0 +1,55 @@
|
||||
@charset "utf-8";
|
||||
|
||||
.rb_latest_promotion {box-sizing: border-box; width: 100%; background-color: #fff; padding-top: 50px; padding-bottom: 50px;}
|
||||
.rb_latest_promotion .rb_latest_promotion_inner {position: relative; margin: 0 auto;}
|
||||
.rb_latest_promotion dd {position: relative;}
|
||||
.rb_latest_promotion dd:last-child {margin-bottom: 0px;}
|
||||
.rb_latest_promotion .bbs_main_wrap_con_ul1 {width: 100%; box-sizing: border-box; position: relative; margin-bottom: 20px;}
|
||||
.rb_latest_promotion .bbs_main_wrap_con_ul1 img {width: 100%; height:auto; border-radius: 10px;}
|
||||
.rb_latest_promotion .bbs_main_wrap_con_ul2 {width: 100%;}
|
||||
.rb_latest_promotion .bbs_main_wrap_con_subj {font-size: 18px;}
|
||||
.rb_latest_promotion .bbs_main_wrap_con_cont {font-size: 14px; color:#666; word-break: keep-all; margin-top: 5px;}
|
||||
.rb_latest_promotion .bbs_main_wrap_con_cont a {color:#666;}
|
||||
.rb_latest_promotion .bbs_main_wrap_con_info {font-size: 12px; color:#999; margin-top: 10px;}
|
||||
.rb_latest_promotion .bbs_main_wrap_con_writer {margin-top: 20px;}
|
||||
.rb_latest_promotion .bbs_main_wrap_con_writer span {display: inline-block;}
|
||||
.rb_latest_promotion .prof_tiny_image img {width: 30px; height:auto; border-radius: 50%; margin-right: 5px;}
|
||||
.rb_latest_promotion .prof_tiny_name {font-size: 12px; color:#999; line-height: 30px; margin-right: 10px;}
|
||||
.rb_latest_promotion .bbs_list_label {font-size: 11px; border-radius: 4px; padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 2px;}
|
||||
.rb_latest_promotion .bbs_main_wrap_tit_l a {font-size: 50px; color:#483729; letter-spacing: -2px;}
|
||||
.rb_latest_promotion .icon_abs {position: absolute; right:10px; top:10px;}
|
||||
.rb_latest_promotion .bbs_list_label.label1 {background-color: #FFC700; color:#fff;}
|
||||
.rb_latest_promotion .bbs_list_label.label2 {background-color: #00A3FF; color:#fff;}
|
||||
.rb_latest_promotion .bbs_list_label.label3 {background-color: #8ED100; color:#fff;}
|
||||
.rb_latest_promotion .bbs_list_label.label4 {background-color: #AA20FF; color:#fff;}
|
||||
.rb_latest_promotion .bbs_list_label.label5 {background-color: #25282B; color:#fff;}
|
||||
.rb_latest_promotion .bbs_list_label.label6 {background-color: #D6DCE0; color:#000;}
|
||||
|
||||
.rb_latest_promotion .rb_latest_promotion_item_date {display: flex; align-items: center; line-height: 24px; border-top:1px solid #ddd; padding-top: 15px; margin-top: 17px !important;}
|
||||
.rb_latest_promotion .rb_latest_promotion_item_date_1 {}
|
||||
.rb_latest_promotion .rb_latest_promotion_item_date_2 {margin-left: auto;}
|
||||
.rb_latest_promotion .rb_latest_promotion_label {padding: 5px 10px; border-radius: 20px; font-size: 12px;}
|
||||
.rb_latest_promotion .rb_latest_promotion_label.ev_label1 {background-color: #25282B; color:#fff;}
|
||||
.rb_latest_promotion .rb_latest_promotion_label.ev_label2 {background-color: #fff}
|
||||
.rb_latest_promotion .bbs_main_wrap_sub {margin-left: 30px; margin-top: 8px; font-size: 18px; color:#483729;}
|
||||
|
||||
.theme_btns {width:100%; height:120px; border-radius: 10px; border:0px; background-repeat: no-repeat; background-size: cover; background-position: 0px 0px; display: flex; align-items: center; color:#fff; font-size: 20px; padding-left: 40px; padding-right: 40px; text-align: left;}
|
||||
.theme_btns img {border:0px !important;}
|
||||
.theme_btns span:nth-child(2) {margin-left: auto; height:20px;}
|
||||
|
||||
@media all and (max-width:1024px) {
|
||||
.rb_latest_promotion .rb_latest_promotion_inner {width: 100% !important;}
|
||||
.rb_latest_promotion .rb_swiper_paging_btn {top:14px;}
|
||||
.rb_latest_promotion .bbs_main_wrap_tit_l a {font-size: 34px;}
|
||||
.rb_latest_promotion .bbs_main_wrap_sub {float:none; margin-left: 0px; font-size: 16px}
|
||||
.rb_latest_promotion .bbs_main_wrap_tit_l {float:none;}
|
||||
.rb_latest_promotion .rb-swiper-slide {width: 100%;}
|
||||
.rb_latest_promotion .bbs_main_wrap_tit_r {margin-top: -86px;}
|
||||
.rb_latest_promotion .rb-swiper-slide {width: 100% !important;}
|
||||
.rb_latest_promotion bbs_main_wrap_thumb_top_con {width: 100% !important;}
|
||||
}
|
||||
@media all and (max-width:768px) {
|
||||
.rb_latest_promotion .rb_latest_promotion_item_date {display:block;}
|
||||
.rb_latest_promotion .rb_latest_promotion_item_date_1 {font-size: 12px;}
|
||||
.rb_latest_promotion .rb_latest_promotion_inner {width: 100% !important;}
|
||||
}
|
||||
Reference in New Issue
Block a user