searchtab02.html 2.87 KB
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="format-detection" content="telephone=no" />
    <meta name="msapplication-tap-highlight" content="no" />
    <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
    <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> -->
    <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" />
    <title>带tab的 搜索02(带搜索结果)</title>
    <link rel="stylesheet" href="../css/style/common.css">
    <link rel="stylesheet" href="../css/style/searchtab.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 id="serachtab">
    <div class="m-page">
        <header class="m-header">
            <div class="head">
                <a href="#" class="lt-bar m-icon icon-back white">返回</a>
                <ul class="m-tab">
                    <li class="" ><a href="javascript:;" data-target="tab-content-goods">商品</a></li>
                    <li class="active"><a href="javascript:;" data-target="tab-content-store">店铺</i></a></li>
                </ul>
            </div>
        </header>
        <section class="m-content tab-content">
            <div id="tab-content-goods" class="m-hide">
                <form class="m-form inline-form">
                    <input type="text" autocomplete="off" class="m-input" placeholder="输入要搜索的商品">
                    <button class="m-btn btn-success btn-search">搜 索</button>
                </form>
            </div>

            <div id="tab-content-store">
                <form class="m-form inline-form">
                    <input type="text" autocomplete="off" class="m-input" placeholder="输入要搜索的店铺">
                    <button class="m-btn btn-success btn-search">搜 索</button>
                </form>
                <div class="m-table-view sort-left">
                    <ul id="search-rs-list">
                        <li class="cell on" >
                            <a class="title" href="#">测试店铺1</a>
                        </li>
                        <li class="cell" >
                            <a class="title" href="#">测试店铺2</a>
                        </li>
                    </ul>
                </div>
            </div>
        </section>
    </div>
    <script type="text/javascript" src="../js/javascript/common/config.js"></script>
</body>
</html>