oneshop1.0
/
productList.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/productList.css">
</head>
<body>
<div id="header"></div>
    <div class="container">
        <div class='search_nav'>
            <a href="index.html">首页</a>
            <b>></b>
            <span class='index'>全部手机</span>
        </div>
        <div class='filter'>
            <div class='brand flex'>
                <div class='hint-left'>品牌：</div>
                <div class="hint-right">
                    <a href="productList.html?fid=1"><img src="img/product_list/1.jpg"></a>
                    <a href="productList.html?fid=2"><img src="img/product_list/2.jpg"></a>
                    <a href="productList.html?fid=3"><img src="img/product_list/3.jpg"></a>
                    <a href="productList.html?fid=4"><img src="img/product_list/4.jpg"></a>
                    <a href="productList.html?fid=5"><img src="img/product_list/5.jpg"></a>
                    <a href="productList.html?fid=6"><img src="img/product_list/6.jpg"></a>
                    <a href="productList.html?fid=7"><img src="img/product_list/7.jpg"></a>
                    <a href="productList.html?fid=8"><img src="img/product_list/8.jpg"></a>
                    <a href="productList.html?fid=9"><img src="img/product_list/9.jpg"></a>
                    <a href="productList.html?fid=10"><img src="img/product_list/10.jpg"></a>
                </div>
            </div>
            <div class='order'>
                <span class='hint-left'>排序：</span>
                <span class='hint-right1'>默认</span>
                <span class='hint-right2'>
					<a href="">价格</a>
				</span>
            </div>
        </div>
        <div class="product_list_color">
            <div class='product_list'>
                <!-- <div class='product'>
                    <a href="">
                        <img src="img/middle/m28a.jpg">
                        <p class='title'>小米6</p>
                        <p class='price'>¥2999</p>
                        <p class='subtitle'>
                            骁龙835 旗舰处理器， 6GB 大内存，5.15”四曲面机身！
                        </p>
                    </a>
                    <p class='count'>
                            <span class='subtract'>-</span>
                            <input type="text" value=1>
                            <span class='add'>+</span>
                            <span class='addCart'>加入购物车</span>
                    </p>
                </div> -->
            </div>
            <ul class="pages">
                <!-- <a href="javascript:;" class="previous">上一页</a>
                 <a href="javascript:;" class="current">1</a>
                 <a href="javascript:;">2</a>
                 <a href="javascript:;" class="next">下一页</a>
                -->
            </ul>
        </div>
    </div>
<div id="footer"></div>
    <script src="js/jquery-1.11.3.js"></script>
    <script src="js/productList.js"></script>
    <script src="js/jquery-ui.min.js"></script>
    <script src="js/header.js"></script>
    <script src="js/footer.js"></script>
</body>
</html>