217 lines
8.3 KiB
HTML
217 lines
8.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<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>diannao</title>
|
||
<link rel="stylesheet" href="https://at.alicdn.com/t/font_3445167_o5pox8tpzh.css">
|
||
<link rel="stylesheet" href="./css/clear.css">
|
||
<link rel="stylesheet" href="./css/public.css">
|
||
<link rel="stylesheet" href="./css/diannao.css">
|
||
</head>
|
||
|
||
<body>
|
||
<div class="main">
|
||
<!-- 标题 -->
|
||
<div class="title hidden">
|
||
<!-- 左 -->
|
||
<div class="title-l left">
|
||
<span>2F</span>笔记本电脑
|
||
</div>
|
||
<!-- 右 -->
|
||
<ul class="title-r right">
|
||
<li>
|
||
<a href="">联想</a>
|
||
</li>
|
||
<li>
|
||
<a href="">联想</a>
|
||
</li>
|
||
<li>
|
||
<a href="">联想</a>
|
||
</li>
|
||
<li>
|
||
<a href="">联想</a>
|
||
</li>
|
||
<li>
|
||
<a href="">联想</a>
|
||
</li>
|
||
<li>
|
||
<a href="">联想</a>
|
||
</li>
|
||
<li>
|
||
<a href="">
|
||
更多
|
||
<i class="iconfont icon-z044"></i>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!-- 主体 -->
|
||
<div class="wrap hidden">
|
||
<!-- 左 -->
|
||
<div class="menu left">
|
||
<!-- 左上 -->
|
||
<div class="hot">
|
||
<!-- 上 -->
|
||
<div class="hot-t ">
|
||
<div class="text left">热度排行</div>
|
||
<ul class="right">
|
||
<li class="active">品牌</li>
|
||
<li>品牌</li>
|
||
<li>品牌</li>
|
||
</ul>
|
||
</div>
|
||
<!-- 排行榜 -->
|
||
<ul class="hot-c">
|
||
<li>
|
||
<span>1</span>
|
||
<a href="">惠普暗影精灵6</a>
|
||
</li>
|
||
<li>
|
||
<span>2</span>
|
||
<a href="">惠普暗影精灵6</a>
|
||
</li>
|
||
<li>
|
||
<span>3</span>
|
||
<a href="">惠普暗影精灵6</a>
|
||
</li>
|
||
<li>
|
||
<span>4</span>
|
||
<a href="">惠普暗影精灵6</a>
|
||
</li>
|
||
<li>
|
||
<span>5</span>
|
||
<a href="">惠普暗影精灵6</a>
|
||
</li>
|
||
</ul>
|
||
<!-- 更多 -->
|
||
<div class="more">
|
||
<span>查看更多排行榜</span>
|
||
<i class="iconfont icon-z044"></i>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 左下 -->
|
||
<div class="wrap-l-b">
|
||
<div class="title">热门搜索</div>
|
||
<ul>
|
||
<li>
|
||
<a href="">笔记本</a>
|
||
</li>
|
||
<li>
|
||
<a href="">笔记本</a>
|
||
</li>
|
||
<li>
|
||
<a href="">笔记本</a>
|
||
</li>
|
||
<li>
|
||
<a href="">笔记本</a>
|
||
</li>
|
||
<li>
|
||
<a href="">笔记本</a>
|
||
</li>
|
||
<li>
|
||
<a href="">笔记本</a>
|
||
</li>
|
||
<li>
|
||
<a href="">笔记本</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 右 -->
|
||
<div class="wrap-r left">
|
||
<div class="wrap-r-t hidden">
|
||
<ul class="phone">
|
||
<li>
|
||
<img src="https://2b.zol-img.com.cn/product/219_160x120/915/ceFDJDFjhroo.jpg" alt="">
|
||
<div class="title">
|
||
OPPO Reno8 Pro+（8GB/256GB）
|
||
</div>
|
||
<div class="price">
|
||
最低价：<span>¥3699</span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<img src="https://2b.zol-img.com.cn/product/219_160x120/915/ceFDJDFjhroo.jpg" alt="">
|
||
<div class="title">
|
||
OPPO Reno8 Pro+（8GB/256GB）
|
||
</div>
|
||
<div class="price">
|
||
最低价：<span>¥3699</span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<img src="https://2b.zol-img.com.cn/product/219_160x120/915/ceFDJDFjhroo.jpg" alt="">
|
||
<div class="title">
|
||
OPPO Reno8 Pro+（8GB/256GB）
|
||
</div>
|
||
<div class="price">
|
||
最低价：<span>¥3699</span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<img src="https://2b.zol-img.com.cn/product/219_160x120/915/ceFDJDFjhroo.jpg" alt="">
|
||
<div class="title">
|
||
OPPO Reno8 Pro+（8GB/256GB）
|
||
</div>
|
||
<div class="price">
|
||
最低价：<span>¥3699</span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<img src="https://2b.zol-img.com.cn/product/219_160x120/915/ceFDJDFjhroo.jpg" alt="">
|
||
<div class="title">
|
||
OPPO Reno8 Pro+（8GB/256GB）
|
||
</div>
|
||
<div class="price">
|
||
最低价：<span>¥3699</span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<img src="https://2b.zol-img.com.cn/product/219_160x120/915/ceFDJDFjhroo.jpg" alt="">
|
||
<div class="title">
|
||
OPPO Reno8 Pro+（8GB/256GB）
|
||
</div>
|
||
<div class="price">
|
||
最低价：<span>¥3699</span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<img src="https://2b.zol-img.com.cn/product/219_160x120/915/ceFDJDFjhroo.jpg" alt="">
|
||
<div class="title">
|
||
OPPO Reno8 Pro+（8GB/256GB）
|
||
</div>
|
||
<div class="price">
|
||
最低价：<span>¥3699</span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<img src="https://2b.zol-img.com.cn/product/219_160x120/915/ceFDJDFjhroo.jpg" alt="">
|
||
<div class="title">
|
||
OPPO Reno8 Pro+（8GB/256GB）
|
||
</div>
|
||
<div class="price">
|
||
最低价：<span>¥3699</span>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="wrap-r-b">
|
||
<ul class="center">
|
||
<li class="active"></li>
|
||
<li></li>
|
||
<li></li>
|
||
<li></li>
|
||
<li></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
|
||
</html> |