searchResult.html 2.6 KB
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>搜索</title>
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_859074_afg7uk9zst.css"/>
    <link href="../css/init.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="../css/search.css">
</head>
<body style="background-color: #fff;">
<div class="warp">
    <div class="serach_box" style="border-bottom: 1px solid #EBEBEB;">
        <div class="search_item">
            <div class="iconfont icon-sousuo"></div>
            <div class="input_box">
                <input type="text" placeholder="输入搜索相关内容">
                <!--<div class="iconfont icon-cha"></div>-->
            </div>
        </div>
        <div>取消</div>
    </div>
    <!-- begin:搜索结果 -->
    <div class="search_result">
        <ul class="reco_public">
            <li>
                <div class="mmend_right">
                    <p class="mmend_title">人参一斤 不如糙米一升</p>
                    <p class="mmend_name">精致,是一种对生活热爱且认真负责的态度。如今人们在选择食物的时候...</p>
                    <p class="mmend_num">2018.08.15</p>
                </div>
                <div class="mmend_left"><img src="../images/apic01@2x.png"></div>
            </li>
            <li>
                <div class="mmend_right">
                    <p class="mmend_title">人参一斤 不如糙米一升</p>
                    <p class="mmend_name">精致,是一种对生活热爱且认真负责的态度。如今人们在选择食物的时候...</p>
                    <p class="mmend_num">2018.08.15</p>
                </div>
                <div class="mmend_left"><img src="../images/apic01@2x.png"></div>
            </li>
            <li>
                <div class="mmend_right">
                    <p class="mmend_title">人参一斤 不如糙米一升</p>
                    <p class="mmend_name">精致,是一种对生活热爱且认真负责的态度。如今人们在选择食物的时候...</p>
                    <p class="mmend_num">2018.08.15</p>
                </div>
                <div class="mmend_left"><img src="../images/apic01@2x.png"></div>
            </li>
        </ul>
    </div>

</div>

<script type="text/javascript" src="../js/jquery-2.1.0.js"></script>
<script type="text/javascript" src="../js/fontsize.js"></script>
<script>
    $(document).ready(function () {
        $('.reco_public li').click(function () {
            window.location.href = '../circle/articleDetail.html'
        })
    })
</script>
</body>
</html>