searchResult.html 8.72 KB
<!DOCTYPE html>
<html class="transition-wrapper">
<head>
<meta name="viewport" content="user-scalable=0, width=device-width, initial-scale=1.0,  minimum-scale=1.0, maximum-scale=1.0">
<meta content="telephone=no" name="format-detection" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>地利批发-搜索</title>

<!-- css -->

<link rel="stylesheet" href="../css/style/common.css">
<link rel="stylesheet" href="../css/style/searchResult.css">
<!-- base seajs -->
<script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script>
<!-- base jquery -->
<script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script>


</head>
<body>

<div class="m-page">
    <div class="m-page-content">
        <header class="m-header header-search">
            <div class="head">
                <a href="javascript:history.go(-1);" class="lt-bar m-icon icon-back white"></a>
                <form id="searchIndex" action="searchResult.html" method="get" accept-charset="utf-8" autocomplete="off">
                    <span class="m-dropdown">
                        <span class="search-type-box current">商品</span>
                        <ul class="dropdown-items">
                            <li class="item"><a href="javascript:;"><i class="m-icon icon-bag"></i>商品</a></li>
                            <li class="item"><a href="javascript:;"><i class="m-icon icon-shop"></i>店铺</a></li>
                        </ul>
                    </span>
                    <div class="search-box">
                        <div class="input-wrap">
                            <input type="text" id="search-val" class="m-input" placeholder="请输入关键字" autocomplete="off">
                        </div>
                    </div>
                    <input type="submit" class="rt-bar" id="search-btn" value="搜索">
                </form>
            </div>
        </header>

        <!-- 无数据 -->
        <div class="m-no-data">
            <div class="no-data-icon"></div>
            <p>没找到相关数据</p>
        </div>

        <section class="m-content">
            <ul class="m-tab">
                <li class="on"><a href="javascript:;">综合排序</a></li>
                <li id="sort-price"><a href="javascript:;">价格低-高</a></li>
                <li class="filter-view transition-btn" elem="#filter-first"><a href="javascript:;">筛选</a></li>
            </ul>
            <ul class="m-table-view" id="goods-list-view">
                <li class="cell cell-extend-pic">
                    <a href="product_detail.html">
                        <img src="../images/user-home.png" width="80" height="80" alt="" class="pic">
                        <h3 class="title">西红柿 产地山东潍坊市提货点西红柿 ...</h3>
                        <p class="btm"><em>0.9元/斤</em><span class="source">地利自营</span></p>
                    </a>
                </li>
                <li class="cell cell-extend-pic">
                    <a href="product_detail.html">
                        <img src="../images/user-home.png" width="80" height="80" alt="" class="pic">
                        <h3 class="title">西红柿 产地山东潍坊市提货点西红柿 ...</h3>
                        <p class="btm"><em>0.9元/斤</em><span class="source">地利自营</span></p>
                    </a>
                </li>
                <li class="cell cell-extend-pic">
                    <a href="product_detail.html">
                        <img src="../images/user-home.png" width="80" height="80" alt="" class="pic">
                        <h3 class="title">西红柿 产地山东潍坊市提货点西红柿 ...</h3>
                        <p class="btm"><em>0.9元/斤</em><span class="source">地利自营</span></p>
                    </a>
                </li>
                <li class="cell cell-extend-pic">
                    <a href="product_detail.html">
                        <img src="../images/user-home.png" width="80" height="80" alt="" class="pic">
                        <h3 class="title">西红柿 产地山东潍坊市提货点西红柿 ...</h3>
                        <p class="btm"><em>0.9元/斤</em><span class="source">地利自营</span></p>
                    </a>
                </li>
                <li class="cell cell-extend-pic">
                    <a href="product_detail.html">
                        <img src="../images/user-home.png" width="80" height="80" alt="" class="pic">
                        <h3 class="title">西红柿 产地山东潍坊市提货点西红柿 ...</h3>
                        <p class="btm"><em>0.9元/斤</em><span class="source">地利自营</span></p>
                    </a>
                </li>
            </ul>
            <div id="list-loading">加载中...</div>
        </section>
    </div>
</div>


<!-- 筛选 -->
<div class="filter-area transition-up" id="filter-first">

    <div class="transition-content">
        <header class="m-header">
            <div class="head">
                <span elem="#filter-first" class="lt-bar text transition-close">取消</span>
                <h1>筛选</h1>
                <span elem="#filter-first" class="rt-bar text transition-close">确定</span>
            </div>
        </header>


        <div class="f-content">

            <ul class="m-table-view">
                <li class="cell acc-icon">
                    <a class="display-block" href="sort-list.html"><span class="title">商品分类</span><span class="text">不限</span></a>
                </li>
                <li class="cell acc-icon">
                    <span class="title">商品产地</span><span class="text transition-btn m-city" elem="#filter-area">不限</span>
                </li>
            </ul>


            <ul class="m-table-view">
    	        <li class="cell acc-icon">
    	            <div class="title">
    	                <span class="filter-type">价格区间</span>
    	                <span class="filter-attr">
    	                    <input type="number" class="p-min"><b></b>
    	                    <span>-</span>
    	                    <input type="number" class="p-max"><b></b>
    	                </span>
    	            </div>
    	        </li>
                 <li class="cell acc-icon">
                    <span class="title">卖家</span>
                    <span class="m-select">
                        <span class="select-text">全部</span>
                        <select>
                            <option value="0" selected="selected">全部</option>
                            <option value="1">地利自营</option>
                            <option value="2">第三方店铺</option>
                        </select>
                    </span>
                </li>
    	    </ul>

        </div>

    </div>
</div>


<!-- 商品产地 -->
<div class="transition-up" id="filter-area">
    <header class="m-header">
        <div class="head">
            <span elem="#filter-area" class="lt-bar m-icon icon-back white transition-close">返回</span>
            <h1>商品产地</h1>
            <!-- <span elem="#filter-first" class="rt-bar text transition-close">确定</span> -->
        </div>
    </header>
    <!-- 省级目录 -->
    <div class="f-province">
        <!-- <h1>请选择区域</h1> -->
        <h2>A</h2>
        <ul class="m-table-view">
            <li class="cell acc-icon">
                <span class="title">澳门特别行政区</span>
            </li>
            <li class="cell acc-icon">
                <span class="title">安徽省</span>
            </li>
        </ul>
        <h2>B</h2>
        <ul class="m-table-view">
            <li class="cell acc-icon">
                <span class="title">北京市</span>
            </li>
        </ul>
        <h2>C</h2>
        <ul class="m-table-view">
            <li class="cell acc-icon">
                <span class="title">四川省</span>
            </li>
        </ul>
    </div>
</div>

<!-- bar -->
<div class="m-bar">
    <div class="m-bar-bg"></div>
    <div class="m-bar-content">
        <div class="m-bar-btn"><span class="logo m-bar-icon"></span></div>

        <a href="#" class="bar-home"><i class="icon icon-home"></i><p>首页</p></a>
        <a href="#" class="bar-me"><i class="icon icon-me"></i><p></p></a>
        <a href="#" class="bar-order"><i class="icon icon-order"></i><p>进货单</p></a>

    </div>
</div>


<!-- config -->
<script type="text/javascript" src="../js/javascript/common/config.js"></script>


<script type="text/javascript">  

	seajs.use( ['../js/javascript/common/common.js','../js/javascript/search/searchResult.js'] );
    
</script>
 
</body>
</html>