storelist.html 6.42 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>店铺列表</title>
    <link rel="stylesheet" href="../css/style/common-2.0.css">
    <link rel="stylesheet" href="../css/style/storelist.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 data-role="page" id="storelist">
        <!--             <header class="m-header header-search header-light">
                <div class="head">
                    <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a>
                    <div class="search-box h-search">
                        <i class="m-icon icon-search-w"></i>
                        <input type="text" placeholder="输入城市名称或拼音搜索">
                    </div>
                    <a href="#" class="rt-bar"><i class="m-icon icon-fiter"></i></a>
                </div>
            </header> -->
        <!-- header -->
        <header class="m-header header-search header-light border-1px border-bottom">
            <div class="head">
                <span class="lt-bar"><i class="m-icon icon-back"></i></span>
                <label class="search-box">
                    <i class="m-icon icon-search float-left"></i>
                    <span class="input-wrap">
                                    <input type="text" class="m-input" placeholder="输入城市名称或拼音搜索" autocomplete="off">
                                </span>
                </label>
                <a href="#" class="rt-bar"><i class="m-icon icon-fiter"></i></a>
            </div>
        </header>
        <section class="m-content">
            <ul class="m-tab">
                <li class="on"><a href="javascript:;" data-ajax="false">综合排序</a></li>
                <li><a href="javascript:;" data-ajax="false">产地</a></li>
                <li><a href="javascript:;" data-ajax="false">市场</a></li>
                <li><a href="javascript:;" data-ajax="false">同城</a></li>
                <li><a href="javascript:;" data-ajax="false">农户</a></li>
            </ul>
            <ul class="m-table-view">
                <li class="cell cell-extend-pic">
                    <a class="display-block" href="#">
                        <img src="http://img7.nong12.com/images/i3/e5f60bde9834492bab6c98f169ba4aad.jpeg" width="80" height="80" alt="" class="pic">
                        <h3 class="title">
                                <i class="m-icon icon-medal-gold"></i>
                                寿光合作社 
                            </h3>
                        <p class="main-cate">
                            <span class="key">
                                    主营产品
                                </span>
                            <span class="value">水果<span class="value-red">(售)</span></span>
                        </p>
                        <p class="localtion">
                            四川 成都
                        </p>
                        <p class="order-numbers">
                            成交量0笔
                        </p>
                        <p class="text from-label">产地直供</p>
                        <i class="m-icon icon-sdrz store-label"></i>
                    </a>
                </li>
                <li class="cell cell-extend-pic">
                    <a class="display-block" href="#">
                        <img src="http://img7.nong12.com/images/i3/e5f60bde9834492bab6c98f169ba4aad.jpeg" width="80" height="80" alt="" class="pic">
                        <h3 class="title">
                                <i class="m-icon icon-medal-gold"></i>
                                寿光合作社 
                            </h3>
                        <p class="main-cate">
                            <span class="key">
                                    主营产品
                                </span>
                            <span class="value">水果<span class="value-blue">(购)</span></span>
                        </p>
                        <p class="localtion">
                            四川 成都
                        </p>
                        <p class="order-numbers">
                            成交量0笔
                        </p>
                        <p class="text from-label">产地直供</p>
                        <i class="m-icon icon-sdrz store-label"></i>
                    </a>
                </li>
                <li class="cell cell-extend-pic">
                    <a class="display-block" href="#">
                        <img src="http://img7.nong12.com/images/i3/e5f60bde9834492bab6c98f169ba4aad.jpeg" width="80" height="80" alt="" class="pic">
                        <h3 class="title">
                                <i class="m-icon icon-medal-sliver"></i>
                                寿光合作社 
                            </h3>
                        <p class="main-cate">
                            <span class="key">
                                    主营产品
                                </span>
                            <span class="value">水果<span class="value-blue">(购)</span></span>
                        </p>
                        <p class="localtion">
                            四川 成都
                        </p>
                        <p class="order-numbers">
                            成交量0笔
                        </p>
                        <p class="text from-label">产地直供</p>
                        <i class="m-icon icon-sxsj store-label"></i>
                    </a>
                </li>
            </ul>
        </section>
    </div>
</body>

</html>