{extend name="layout/layout" /}
{block name="title"}搜索{/block}
{block name="css"}
<!-- 这里引入css -->
<link href="{:client_asset('/css/frontend/common.css')}" rel="stylesheet" type="text/css">
<link href="{:client_asset('/css/frontend/search_body.css')}" rel="stylesheet" type="text/css">
{/block}
{block name="zepto"}
<!-- 这是zepto插件 -->
<script type="text/javascript" src="{:client_asset('/libs/zepto/zepto.picLazyLoad.min.js')}"></script>
{/block}
{block name="menu"}{/block}
{block name="main"}
<input type="hidden" name="sex" id="sex" value="{$sex}">
<!-- 这是正文  -->
<div class="new_search_input_fixed">
    <div class="new_search_input_box">
        <div class="new_search_input">
            <div class="new_search_input_search">
                <input type="search" placeholder="搜索" autocomplete="off"/>
            </div>
            <a href="javascript:;"></a>
        </div>
		<a href="javascript:;" class="new_search_return"></a>
        <!-- <a href="javascript:;" class="new_search_but">搜索</a> -->

        <div class="new_search_tips_list">
            <ul class="new_search_tips_list_ul">
<!--                <li><span>楚乔传</span></li>
                <li><span>夏至未至</span></li>
                <li><span>醉玲珑</span></li>
                <li><span>三生三世</span></li>
                <li><span>全职高手</span></li>
                <li><span>我的前半生</span></li>
                <li><span>恶魔少爷别吻我</span></li>-->
            </ul>
        </div>
    </div>
</div>


<div class="search_list_content">


    <div class="ns_list_main_box">
        <div class="ns_list_main_search_loading">
            <div class="ns_list_main_search_loading_img"><img src="{:client_asset('/img/frontend/search/search_icon_4_1.gif')}" style="height: 1.05rem; width: auto;" /></div>
            <div class="ns_list_main_search_loading_null">
                <img src="{:client_asset('/img/frontend/search/search_icon_3.png')}" style="height: 1.05rem; width: auto;" />
                <p>没有搜到<span class="j_keyword col_pink"></span>相关书箱</p>
            </div>
        </div>
        

        <div class="ns_list_main ns_list_hot">
            <div class="ns_list_tit">
				<a href="javascript:;" class="ns_list_hot_but" style="display: none;">换一换</a>
                <h2>热门搜索</h2>
            </div>
            <div class="ns_list_box">
                <ul>
                </ul>
            </div>
        </div>


        <div class="ns_list_main ns_list_main_local">
            <div class="ns_list_tit">
                <a href="javascript:;" class="ns_icon_del">全部删除</a>
                <h2>历史搜索</h2>
            </div>
            <div class="ns_list_box">
                <ul>
                    <!-- <li>楚乔传</li>
                    <li>夏至未至</li>
                    <li>醉玲珑</li>
                    <li>三生三世</li>
                    <li>全职高手</li>
                    <li>我的前半生</li>
                    <li>恶魔少爷别吻我</li>
                    <li>楚乔传</li>
                    <li>夏至未至</li>
                    <li>醉玲珑</li>
                    <li>三生三世</li>
                    <li>全职高手</li>
                    <li>我的前半生</li>
                    <li>恶魔少爷别吻我</li> -->
                </ul>
            </div>
        </div>
    </div>


    <div class="new_search_tips_body">
        <ul class="i_images_text_ul nst_list_ul">
            <!--<li>
                    <a href="/index/book/info?book_id=11000000053">
                        <div class="i_images_img"><img alt="" src="http://ods51247g.bkt.clouddn.com/cppartner/1x1/11x0/110x0/11000000053/11000000053.jpg"></div>
                        <div class="i_images_txt_box">
                            <h3>天才宝贝的猎爹计划</h3>
                            <p>七年前，她误将他吃干抹净，还带走了他的种。七年后，她被自家天才儿子设计，成了他的贴身保镖。OMG，这不是七年前的毒贩先生吗？女人，这次该是你付出代价的时候了</p>
                            <div class="i_images_txt_other">
                                <strong>
                                    <i>已完结</i>
                                    <b>玄幻</b>
                                </strong>
                                <em>91人在追</em>
                            </div>
                        </div>
                    </a>
                </li>
            -->
        </ul>
        <div class="loading_box"><span class="nst_list_loading">正在加载中，请稍后......</span></div> 
    </div>




    <!-- 精彩推荐 star -->
    {include file="public/jctj" /}

</div>

{/block}
{block name="footer"}
<!-- 这里引入底部footer -->

{/block}
{block name="js"}
<!-- 这里引入js -->
<script>
    var bookInfoTemp = "{:buildAppUrl(\"bookinfo\", [\"book_id\" => \"mbid\"])}";
</script>
<script type="text/javascript" src="{:client_asset('/js/frontend/search.js')}"></script>
<script type="text/javascript">
    $(function(){
        $('.bd_description_box a').click(function(){
            $(this).parent().removeClass('bd_description_open');
        });
        var ohyhopen = true;

        $('.ns_icon_refresh').click(function(){
            if(!ohyhopen) return false;
            ohyhopen = false;
            $.ajax({
                get:'post',
                url:'/clientwebapi/index/search',
                success:function(data){
                    if(typeof data == 'string') data=JSON.parse(data);
                    var shyhli = '';
                    var sisfinish = '<i>已完结</i>';
                    var bookInfoTemp = "{:buildAppUrl(\"bookinfo\", [\"book_id\" => \"mbid\"])}";
                    for(var i=0; i<data.length; i++){
                        var bookid = data[i]['id'];
                        var bookInfoUrl = bookInfoTemp.replace("mbid", bookid);

                        if(data[i].is_finish == 1){
                            sisfinish = '<i>已完结</i>';
                        }else{
                            sisfinish = '<i style="color: #ffc701;">连载中</i>';
                        }
                        shyhli += '<li class="section-block">\
                            <a href="'+bookInfoUrl+'" class="client-url section-data" data-zone="精彩推荐" data-book_id="'+bookid+'">\
                                <div class="i_images_img"><img alt="" src="' + data[i].image + '"></div>\
                                <div class="i_images_txt_box">\
                                    <h3>' + data[i].name + '</h3>\
                                    <p>' + data[i].description + '</p>\
                                    <div class="i_images_txt_other">\
                                        <strong>' + sisfinish +'\
                                            <b>' + data[i].author + '</b>\
                                        </strong>\
                                        <em>' + data[i].read_num + '人在追</em>\
                                    </div>\
                                </div>\
                            </a>\
                        </li>';

                    }
                    $('.i_images_text_ul').html(shyhli);
                    ohyhopen = true;
                },
                error:function(err){

                }
            })
        })

    });
</script>
{/block}