search_no_2.html 10.1 KB
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>搜索无结果</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
    <link rel="stylesheet" type="text/css" href="../css/common.css">
    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1011505_vdlnckj4lm.css">
    <link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
    <link rel="stylesheet" type="text/css" href="../css/search_no_2.css">


    <script src="../js/base.js"></script>
    <script src="../js/jquery.min.js"></script>
    <style>
        .menu_default{
            position: fixed;
            top: 0.88rem;
            left: 0;
            z-index: 10;
            background: #fff;
        }
        .menu_item{
            display: flex;
            justify-content: space-between;
            height: 0.79rem;
            align-items: center;
            border-bottom: 1px solid #e6e6e6;
            margin: 0 0.32rem;
        }
        .menu_item:first-child{
            margin-top: 0.24rem;
        }
        .menu_item:last-child{
            border: none;
        }
        .menu_text{
            font-size: 0.26rem;
            margin-left: 0.14rem;
        }
        .icon-jinru{
            color: #666666;
        }
        .icon-caidan{
            font-size: 0.6rem;
            margin-left: 0.3rem;
        }
        .icon-guanbi{
            margin-top: 0.06rem;
            font-size: 0.5rem;
            margin-left: 0.3rem;
        }
        .activP{
            width: 0.44rem;
            height: 0.44rem;
            border: 0.01rem solid #e6e6e6;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.26rem;
            background-color: #ffffff;
            color: #999999;
        }
    </style>
</head>
<body>
<div class="main">
    <div class="container">
        <!--头部-->
        <div class="header">
            <!--左 菜单条目-->
            <div class="iconfont icon-caidan">
            </div>
            <!--中 主页面图标-->
            <div class="header_mid">
                <img src="../images/LOGO.png" >
            </div>
        </div>
        <!--左边菜单栏时出现列表-->
        <div class="container menu_default " style="display: none">
            <!--首页-->
            <div class="menu_item" onclick="btn_index()">
                <div class="menu_text" >首页</div>
                <div class="iconfont icon-jinru"></div>
            </div>
            <div class="menu_item" onclick="btn_company()">
                <div class="menu_text" >公司简介</div>
                <div class="iconfont icon-jinru"></div>
            </div>
            <div class="menu_item" onclick="btn_jm()">
                <div class="menu_text">加盟可耐美</div>
                <div class="iconfont icon-jinru"></div>
            </div>
            <div class="menu_item" onclick="btn_cpzx()">
                <div class="menu_text" >产品中心</div>
                <div class="iconfont icon-jinru"></div>
            </div>
            <div class="menu_item" onclick="btn_sckj()">
                <div class="menu_text">色彩空间</div>
                <div class="iconfont icon-jinru"></div>
            </div>
            <div class="menu_item" onclick="btn_qqrz()">
                <div class="menu_text">全球认证</div>
                <div class="iconfont icon-jinru"></div>
            </div>
            <div class="menu_item" onclick="btn_khfw()">
                <div class="menu_text">客户服务</div>
                <div class="iconfont icon-jinru"></div>
            </div>
            <div class="menu_item" onclick="btn_lxwm()">
                <div class="menu_text" >联系我们</div>
                <div class="iconfont icon-jinru"></div>
            </div>


        </div>

        <!-------------图片------------->
        <div class="banner">
            <img src="../images/bicon_28@2x.png">
        </div>
        <!--全球认证-->
        <div class="mid">
            <p class="mid_big_text"> 可耐美产品中心 </p>
            <p class="mid_small_text"> PRODUCT CENTER </p>
            <!--搜索-->
            <div class="mid_search">
                <!--搜索图标-->
                <div class="mid_search_icon">
                    <img src="../images/bicon_27@2x.png">
                </div>
                <!--搜索内容-->
                <input type="text" placeholder="请输入产品名称">
                <!--搜索按钮-->
                <div class="mid_search_button">
                    搜索
                </div>
            </div>
            <!--搜索无结果提示-->
            <div class="mid_search_top">
                <!--左边的放大镜-->
                <div class="mid_search_top_left">
                    <img src="../images/bicon_32@2x.png">
                </div>
                <!--右边的文字-->
                <div class="mid_search_top_right">
                    对不起,搜索无结果
                </div>
            </div>
            <div class="mid_search_bottom">
                更多产品信息请参见桶身包装或到店咨询
            </div>
            <!--推荐产品-->
            <div class="mid_product">
                推荐产品
            </div>
            <!--产品盒子-->
            <div class="mid_product_box">
                <!--产品-->
                <div class="mid_product_box_content">
                    <!--图片-->
                    <div class="mid_product_content_top">
                        <img src="../images/bicon_24@2x.png">
                    </div>
                    <!--底部文字-->
                    <div class="mid_item_text">
                        <!--介绍-->
                        <div class="mid_item_text_top">

                            可丽时净味乳胶漆(B20
                            77 5L)

                        </div>
                        <!--包装与售价-->
                        <div class="mid_item_text_bottom">
                            <span class="mid_item_text_bottom_cubage">包装: 2.5888888888888L</span>
                            <span class="mid_item_text_bottom_sale">全国统一零售价:  ¥12251</span>
                        </div>

                    </div>
                </div>

                <div class="mid_product_box_content m_left">
                    <!--图片-->
                    <div class="mid_product_content_top">
                        <img src="../images/bicon_24@2x.png">
                    </div>
                    <!--底部文字-->
                    <div class="mid_item_text">
                        <!--介绍-->
                        <div class="mid_item_text_top">

                            可丽时净味乳胶漆(B20
                            77 5L)

                        </div>
                        <!--包装与售价-->
                        <div class="mid_item_text_bottom">
                            <span class="mid_item_text_bottom_cubage">包装: 2.5888888888888L</span>
                            <span class="mid_item_text_bottom_sale">全国统一零售价:  ¥12251</span>
                        </div>

                    </div>
                </div>
            </div>


        </div>


        <!--底部介绍-->
        <div class="bottom">
            <p class="bottom_addr">
                公司地址:北京市大兴区欣雅街兴创国际中心3A-1501室
            </p>
            <p class="bottom_tel">
                电话 : 010-64482186
            </p>
            <p class="bottom_fax">
                传真:010-6448-2226
            </p>
            <p class="bottom_email">
                公司邮箱:beijing@germanyclime.cn
            </p>
            <p class="bottom_copyright">Copyright © 2015 All Rights Reserved 可耐美 版权所有</p>
        </div>
        <!--底部菜单栏-->
        <div class="footer_menu">
            <div class="footer_item" onclick="btn_sckj()">
                <div class="footer_item_icon icon_select"></div>
                <div class="footer_item_text">在线选色</div>
            </div>
            <div class="footer_item" onclick="btn_cpzx()">
                <div class="footer_item_icon icon_product"></div>
                <div class="footer_item_text">产品中心</div>
            </div>
            <div class="footer_item" onclick="btn_khfw()">
                <div class="footer_item_icon icon_inquire"></div>
                <div class="footer_item_text">防伪查询</div>
            </div>
            <div class="footer_item">
                <div class="footer_item_icon icon_join icon_big" onclick="btn_jm()"></div>
                <div class="footer_item_text">加盟可耐美</div>
            </div>
        </div>
    </div>
</div>
<script>
    function btn_index() {
        window.location.href = "index.html"
    }
    function btn_company(){
        window.location.href = "gsjj.html"
    }
    function btn_jm(){
        window.location.href = "jm_3.html"
    }
    function btn_cpzx(){
        window.location.href = "cpzx_2.html"
    }
    function btn_sckj(){
        window.location.href = "sckj.html"
    }
    function btn_qqrz(){
        window.location.href = "qqrz.html"
    }
    function btn_khfw(){
        window.location.href = "fwcx_4.html"
    }
    function btn_lxwm(){
        window.location.href = "lxwm_5.html"
    }

    $(document).ready(function () {
        $(".icon-caidan").click(function () {
            $(".menu_default").slideToggle();
            if($(this).hasClass("icon-caidan")){
                $(this).addClass("icon-guanbi");
                $(this).removeClass("icon-caidan");
                $("body").css("overflow","hidden");
            }else{
                $(this).removeClass("icon-guanbi");
                $(this).addClass("icon-caidan");
                $("body").css("overflow","auto");
            }
            // $(".icon-guanbi").css("display","none");
        })

    })
</script>

</body>
</html>