master

分支 (1)

管理

管理

master

tuangou-project2
/
discovery.html

<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>发现</title>
    <link rel="stylesheet" href="./css/discovery.css" />
  </head>
  <body>
    <div class="wrap">
      <header>
        <nav>
          <div class="back">
            <a href="./index.html">
              <p>Back</p>
          </a>
          </div>
          <div class="title">发现</div>
          <div class="city">
            <select name="city" id="">
              <option value="广州市">广州市</option>
              <option value="广州市">广州市</option>
              <option value="广州市">广州市</option>
              <option value="广州市">广州市</option>
            </select>
            <i class="iconfont icon-daosanjiao"></i>
          </div>
        </nav>
        <div class="search">
          <input type="search" placeholder="请输入商品名称" />
          <i class="iconfont icon-search"></i>
        </div>
        <div class="looking">
          <p>大家都在搜</p>
          <div class="top">
            <div class="topBox">寿司</div>
            <div class="topBox">羽毛球</div>
            <div class="topBox">火锅</div>
            <div class="topBox">游泳馆</div>
          </div>
          <div class="bottom">
            <div class="bottomBox">电影</div>
            <div class="bottomBox">周黑鸭</div>
            <div class="bottomBox">KTV</div>
            <div class="bottomBox">肯德基</div>
          </div>
        </div>
      </header>

      <main>
        <!-- 热门搜索 -->
        <div class="hot">
          <div class="top">
            <div class="left">
              <i class="iconfont icon-huo"></i>
              <span>热门搜索</span>
            </div>
            <div class="right">
              <span>更多</span>
              <i class="iconfont icon-gengduo"></i>
            </div>
          </div>

          <div class="hotImg">
            <div class="left">
              <img src="./img/leftImg.png" alt="" />
            </div>
            <div class="right">
              <div class="Top">
                <img src="./img/rightTopimg.png" alt="" />
              </div>
              <div class="Bottom">
                <div class="bottomLeft">
                  <img src="./img/rightBottomimg1.png" alt="" />
                </div>
                <div class="bottomRight">
                  <img src="./img/rightBottomimg2.png" alt="" />
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="recom">
            <div class="top">
                <div class="left">
                    <i class="iconfont icon-icon"></i>
                    <span>推荐搜索</span>
                  </div>
                  <div class="right">
                    <span>更多</span>
                    <i class="iconfont icon-gengduo"></i>
            </div>
        </div>

        <!-- 推荐搜索 -->
        <div class="recomBox">
           <div class="recomImg">
            <div class="recomImg1">
              <img src="./img/recomImg1.png" alt="">
            </div>
            <div class="recomImg2">
              <img src="./img/recomImg2.png" alt="">
            </div>
            <div class="recomImg3">
              <img src="./img/recomImg3.png" alt="">
            </div>


           </div>
        </div>

      </main>

      <footer>
        <div class="homePage">
          <a href="./index.html">
            <i class="iconfont icon-shouye-weixuanzhong shouye1"></i>
            <i class="iconfont icon-31shouyexuanzhong shouye2"></i>
            <p>首页</p>
            <p />
          </a>
        </div>
        <div class="category">
          <a href="./category.html">
            <i class="iconfont icon-fenlei-weixuanzhong fenlei1"></i>
            <i class="iconfont icon-fenlei-xuanzhong fenlei2"></i>
            <p>分类</p>
          </a>
        </div>
        <div class="discovery">
          <a href="./discovery.html">
            <i class="iconfont icon-faxian faxian1"></i>
            <i class="iconfont icon-faxianxuanzhong faxian2"></i>
            <p>发现</p>
          </a>
        </div>
        <div class="my">
          <a href="./my.html">
            <i class="iconfont icon-wode wode1"></i>
            <i class="iconfont icon-wodexuanzhong wode2"></i>
            <p>我的</p>
          </a>
        </div>
      </footer>
    </div>
  </body>
</html>