cxtra/cm-web-legacy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
master
cm-web-legacy/application/views/m/life/main3.php
pakerpale cd6b5b7832 first commit
2020-06-10 06:19:03 +09:00

272 lines
11 KiB
PHP
Executable File
Raw Permalink Blame History

<?
$page_title = $page_title_1;
$page_title_link = '#';
require_once(APPPATH."/views/m/common/light_header.php");?>
<div class="swiper-slide swiper-slide-active" data-hash="life" data-swiper-slide-index="1" style="width: 100%;">
<div class="news_cont2">
<div class="cont_top" style="margin-top: 40px;">
<div class="cont_top_img">
<span class="shadow"></span>
<a href="/m/life/life_view/<?=$arr_daily_cutie[1]['content_idx']?>">
<img src="<?=$arr_daily_cutie[1]['theme_img']?>">
</a>
</div>
<p class="cont_top_txt2">
<a href="/m/life/editor/72">
데일리 큐티
</a>
</p>
<p class="chn_bar2">
<img src="/img/mobile/bg_bar.gif">
</p>
<p class="cont_top_title4">
<a href="/m/life/life_view/<?=$arr_daily_cutie[1]['content_idx']?>">
<?=$arr_daily_cutie[1]['title']?>
</a>
</p>
</div>
<div class="life_cont4" style="background: #f8f8f8;">
<h4 class="beachblue">
<a href="">추천채널
<br>
<?/*<!-- <span style="color:#818181; font-weight:normal; font-size:12px;">(읽을거리 <$arr_channel[0]['article_count']?>) </span> -->*/?>
</a>
</h4>
<span class="a_left"><!--<a><img src="/img/mobile/editor_left.gif"></a>--></span>
<div class="life_cont4_box responsive" style="width:86%;">
<?foreach($arr_channel as $val):?>
<div class="tr_img">
<a href="/m/life/channel/<?=$val['idx']?>">
<img src="<?=thumb($val['channel_icon'])?>" class="art-img">
</a>
<p class="tr_txt">
<a href="/m/life/channel/<?=$val['idx']?>"><?=$val['channel_name']?></a>
</p>
</div>
<?endforeach;?>
</div>
<span class="a_right"><!--<a><img src="/img/mobile/editor_right.gif"></a>--></span>
</div>
<div class="channel_cont">
<div class="wrap">
<div class="channel_top">
<a href="/m/life/channel/<?=$arr_book['idx']?>">
<span class="fl beachblue"><?=$arr_book['channel_name']?></span>
</a>
<span class="fr">
<a href="/m/life/channel/<?=$arr_book['idx']?>"><button type="button" class="btn btn-default br20">더보기</button></a>
</span>
</div>
<?for($i=0 ; $i<6; $i++):@$data = $arr_book['data'][$i]?>
<?if($i%2==0){?><div class="channel_boxs" style="margin-bottom:0;"><?}?>
<div class="channel_con2">
<a href="/m/life/life_view/<?=$data['idx']?>">
<img src="<?=$data['main_img']?>" class="art-img">
</a>
<p class="chtitle">
<a href="/m/life/life_view/<?=$data['idx']?>">
<span class="beachblue"></span><?=$data['title']?></a>
</p>
<p class="editor2">
<a href="/m/life/editor/<?=$data['partner_idx']?>">by <?=$data['editor_name']?></a>
</p>
</div>
<?if($i%2==1){?></div><?}?>
<?endfor?>
</div>
<div class="wrap">
<div class="channel_top">
<a href="/m/life/channel/<?=$arr_card['idx']?>">
<span class="fl beachblue"><?=$arr_card['channel_name']?></span>
</a>
<span class="fr">
<a href="/m/life/channel/<?=$arr_card['idx']?>"><button type="button" class="btn btn-default br20">더보기</button></a>
</span>
</div>
<?for($i=0 ; $i<4; $i++):@$data = $arr_card['data'][$i]?>
<?if($i%2==0){?><div class="channel_boxs" style="margin-bottom:0;"><?}?>
<div class="channel_con2">
<a href="/m/life/life_view/<?=$data['idx']?>">
<img src="<?=$data['main_img']?>" class="art-img">
</a>
<p class="chtitle">
<a href="/m/life/life_view/<?=$data['idx']?>">
<span class="beachblue"></span><?=$data['title']?></a>
</p>
<p class="editor2">
<a href="/m/life/editor/<?=$data['partner_idx']?>">by <?=$data['editor_name']?></a>
</p>
</div>
<?if($i%2==1){?></div><?}?>
<?endfor?>
</div>
</div>
</div>
<div class="channel_cont" style="background:#fff;">
<div class="wrap">
<div class="channel_boxs bgb3" style="margin-top:10px;">
<div class="channel_detail_box">
<div class="channel_detail fl">
<a href="/m/life/channel/<?=$arr_en['idx']?>">
<span class="channel_profile">
<img src="<?=$arr_en['channel_icon']?>" style="width:50px;height:50px;">
</span>
<div style="padding-top:15px;">
<span class="chinfo"><?=$arr_en['channel_name']?></span>
</div>
</a>
</div>
<div class="fr" style="margin-top:20px;">
<p><a href="/m/life/channel/<?=$arr_en['idx']?>">
<span class="beachblue" style="font-size:13px;"><?=$arr_en['channel_article_count']?></span> stories
</a></p>
</div>
</div>
<?for($i=0; $i<2; $i++):@$data = $arr_en['data'][$i]?>
<div class="channel_con">
<a href="/m/life/life_view/<?=$data['idx']?>">
<img src="<?=$data['main_img']?>" class="art-img">
</a>
<p class="chtitle">
<a href="/m/life/life_view/<?=$data['idx']?>"><?=$data['title']?></a>
</p>
</div>
<?endfor?>
</div>
<div class="channel_boxs bgb3" style="margin-top:10px;">
<div class="channel_detail_box">
<div class="channel_detail fl">
<a href="/m/life/channel/<?=$arr_knowledge['idx']?>">
<span class="channel_profile">
<img src="<?=$arr_knowledge['channel_icon']?>" style="width:50px;height:50px;">
</span>
<div style="padding-top:15px;">
<span class="chinfo"><?=$arr_knowledge['channel_name']?></span>
</div>
</a>
</div>
<div class="fr" style="margin-top:20px;">
<p><a href="/m/life/channel/<?=$arr_knowledge['idx']?>">
<span class="beachblue" style="font-size:13px;"><?=$arr_knowledge['channel_article_count']?></span> stories
</a></p>
</div>
</div>
<?for($i=0; $i<2; $i++):@$data = $arr_knowledge['data'][$i]?>
<div class="channel_con">
<a href="/m/life/life_view/<?=$data['idx']?>">
<img src="<?=$data['main_img']?>" class="art-img">
</a>
<p class="chtitle">
<a href="/m/life/life_view/<?=$data['idx']?>"><?=$data['title']?></a>
</p>
</div>
<?endfor?>
</div>
</div>
</div>
<div class="cont_middle">
<div class="cont_top_img">
<span class="shadow"></span>
<a href="/m/life/channel/<?=$arr_post['idx']?>" class="img_profile">
<img src="<?=$arr_post['main_img']?>">
</a>
</div>
<div class="cover_profile2">
<a href="/m/life/channel/<?=$arr_post['idx']?>">
<img src="<?=$arr_post['channel_icon']?>" style="width:50px;height:50px;">
</a>
</div>
<div class="life_editor3">
<a href="/m/life/editor/8"> <?=$arr_post['channel_name']?> </a>
</div>
<div class="life_editor2">
<a href="/m/life/channel/<?=$arr_post['idx']?>"> <?=$arr_post['channel_intro']?> </a>
</div>
</div>
<div class="channel_cont">
<div class="wrap">
<?for($i=0;$i<4;$i++):@$data=$arr_poem['data'][$i]?>
<?if($i%2==0){?>
<div class="channel_boxs" style="margin-bottom:0;">
<div class="channel_boxs" style="margin-bottom:0;">
<?}?>
<div class="channel_con2">
<a href="/m/life/life_view/<?=$data['idx']?>">
<img src="<?=$data['main_img']?>" class="art-img">
</a>
<p class="chtitle">
<a href="/m/life/life_view/><?=$data['idx']?>">
<span class="beachblue"></span> <?=$data['title']?>
</a>
</p>
<p class="editor2">
<a href="/m/life/editor/<?=$data['partner_idx']?>">by <?=$data['editor_name']?></a>
</p>
</div>
<?if($i%2==1){?>
</div>
</div>
<?}?>
<?endfor?>
</div>
</div>
</div>
<!-- <link rel="stylesheet" type="text/css" href="/css/slick.css" />
<script type="text/javascript" src="/js/slick.js"></script>
--><script>
window.onload=function(){
$('.responsive').slick({
dots: false,
infinite: true,
speed: 300,
slidesToShow: 3,
slidesToScroll: 1,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 3,
slidesToScroll: 1,
}
},
{
breakpoint: 600,
settings: {
slidesToShow: 3,
slidesToScroll: 1,
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 3,
slidesToScroll: 1,
}
}
]
});
};
</script>
<style>
/*.life_cont4 .a_left, .life_cont4 .a_right{display:none}*/
.life_cont4 {position:relative}
.life_cont4 .life_cont4_box{/*float:none;*/margin:0 auto}
.life_cont4 .slick-prev.slick-arrow{cursor:pointer;z-index:99;position:absolute;left:-5%;top:30%;background:url('/img/mobile/editor_left.gif') center center no-repeat;width:14px;height:25px;border:none;text-indent:-9999rem;}
.life_cont4 .slick-next.slick-arrow{cursor:pointer;z-index:99;position:absolute;right:-5%;top:30%;background:url('/img/mobile/editor_right.gif') center center no-repeat;width:14px;height:25px;border:none;text-indent:-9999rem;}
.life_cont4_box .tr_txt{padding-top:1rem}
.life_cont4 .life_cont4_box div img{margin:0 auto}
@media screen and (max-width: 640px){
.life_cont4 .slick-prev.slick-arrow{left:-5%;top:20%;background:url('/img/mobile/editor_left.gif') center center no-repeat;width:10px;background-size:100% auto }
.life_cont4 .slick-next.slick-arrow{ right:-5%;top:20%;background:url('/img/mobile/editor_right.gif') center center no-repeat;width:10px;background-size:100% auto}
}
@media screen and (max-width: 400px){
.life_cont4 .slick-prev.slick-arrow{top:10%;}
.life_cont4 .slick-next.slick-arrow{top:10%;}
}
</style>
</div>
Reference in New Issue View Git Blame Copy Permalink