bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

217
历届学生/font-end-nine/项目练习/学生项目/郑若怡/案例练习/上课练习/diannao.html Normal file
View File

@@ -0,0 +1,217 @@
<!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>