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

641
历届学生/韩想/项目开发/课程项目/饿了么/index.html Normal file
View File

@@ -0,0 +1,641 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>饿了么</title>
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/public.css">
<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="http://at.alicdn.com/t/font_1975352_huen45eu4jl.css">
</head>
<body>
<div class="header">
<div class="location">
<i class="iconfont icon-cart"></i>
<span>信旺·华府骏苑</span>
<i class="iconfont icon-down"></i>
</div>
<a class="search">
<i class="iconfont icon-search"></i>
<span>搜索饿了么商家、商品名称</span>
</a>
</div>
<div class="content">
<div class="type">
<div class="item">
<img src="https://cube.elemecdn.com/7/d8/a867c870b22bc74c87c348b75528djpeg.jpeg?x-oss-process=image/format,webp/resize,w_90,h_90,m_fixed"
alt="">
<p>美食</p>
</div>
<div class="item">
<img src="https://cube.elemecdn.com/7/d8/a867c870b22bc74c87c348b75528djpeg.jpeg?x-oss-process=image/format,webp/resize,w_90,h_90,m_fixed"
alt="">
<p>美食</p>
</div>
<div class="item">
<img src="https://cube.elemecdn.com/7/d8/a867c870b22bc74c87c348b75528djpeg.jpeg?x-oss-process=image/format,webp/resize,w_90,h_90,m_fixed"
alt="">
<p>美食</p>
</div>
<div class="item">
<img src="https://cube.elemecdn.com/7/d8/a867c870b22bc74c87c348b75528djpeg.jpeg?x-oss-process=image/format,webp/resize,w_90,h_90,m_fixed"
alt="">
<p>美食</p>
</div>
<div class="item">
<img src="https://cube.elemecdn.com/7/d8/a867c870b22bc74c87c348b75528djpeg.jpeg?x-oss-process=image/format,webp/resize,w_90,h_90,m_fixed"
alt="">
<p>美食</p>
</div>
<div class="item">
<img src="https://cube.elemecdn.com/7/d8/a867c870b22bc74c87c348b75528djpeg.jpeg?x-oss-process=image/format,webp/resize,w_90,h_90,m_fixed"
alt="">
<p>美食</p>
</div>
<div class="item">
<img src="https://cube.elemecdn.com/7/d8/a867c870b22bc74c87c348b75528djpeg.jpeg?x-oss-process=image/format,webp/resize,w_90,h_90,m_fixed"
alt="">
<p>美食</p>
</div>
<div class="item">
<img src="https://cube.elemecdn.com/7/d8/a867c870b22bc74c87c348b75528djpeg.jpeg?x-oss-process=image/format,webp/resize,w_90,h_90,m_fixed"
alt="">
<p>美食</p>
</div>
<div class="item">
<img src="https://cube.elemecdn.com/7/d8/a867c870b22bc74c87c348b75528djpeg.jpeg?x-oss-process=image/format,webp/resize,w_90,h_90,m_fixed"
alt="">
<p>美食</p>
</div>
<div class="item">
<img src="https://cube.elemecdn.com/7/d8/a867c870b22bc74c87c348b75528djpeg.jpeg?x-oss-process=image/format,webp/resize,w_90,h_90,m_fixed"
alt="">
<p>美食</p>
</div>
</div>
<div class="adv">
<div class="adv_mess">
<h3>品质套餐</h3>
<span>搭配齐全吃得好</span>
<p>立即抢购 ></p>
</div>
<img src="https://cube.elemecdn.com/e/ee/df43e7e53f6e1346c3fda0609f1d3png.png?x-oss-process=image/format,webp/resize,w_282,h_188,m_fixed"
alt="" class="adv_img">
</div>
<div class="vip">
<div class="vip_tips">
<img src="https://cube.elemecdn.com/8/0e/4dd212d831becab6e3ebd484c0941jpeg.jpeg?x-oss-process=image/format,webp/resize,w_34"
alt="">
<span>超级会员</span>
<label>• 已为我节省</label>
</div>
<div class="vip_mes">
下单即可获得奖励金
<i class="iconfont icon-search1"></i>
</div>
</div>
<div class="list">
<!-- <div class="title">推荐商家</div> -->
<div class="screen">
<div class="screen_item">
<span>综合排序</span>
<i class="iconfont icon-down"></i>
</div>
<div class="screen_item">
<span>综合排序</span>
</div>
<div class="screen_item">
<span>综合排序</span>
</div>
<div class="screen_item">
<span>综合排序</span>
<i class="iconfont icon-down"></i>
</div>
</div>
<div class="food">
<div class="list_item">
<img src="https://cube.elemecdn.com/3/3c/0ed527795eb114290aa9940296349JPEG.JPEG" alt=""
class="item_left">
<div class="item_right">
<div class="r_title">
<div class="title">江川右·一家有态度的粥店(黑金蜀山店)</div>
<i class="iconfont icon-down"></i>
</div>
<div class="comment">
<img src="./img/comment.svg" alt="">
<span>4.7&nbsp;&nbsp;月售5227单</span>
</div>
<div class="time">
<div class="time_left">
<span> ¥12起送</span>
<span></span>
<span>夜间配送¥4</span>
</div>
<div class="time_right">
803m
<span></span>
30分钟
</div>
</div>
<div class="tip">
<div class="tip_item">粥店</div>
</div>
<div class="discount">
<div class="discount_item">
<div class="item_lefts">
<p>减</p>
<span>满25元减13元，满40元减20元，满88元减35元，满100元减45元，满120元减50元</span>
</div>
<div class="item_rights">
<span>6个活动</span>
<i class="iconfont icon-play"></i>
</div>
</div>
</div>
</div>
</div>
<div class="list_item">
<img src="https://cube.elemecdn.com/3/3c/0ed527795eb114290aa9940296349JPEG.JPEG" alt=""
class="item_left">
<div class="item_right">
<div class="r_title">
<div class="title">江川右·一家有态度的粥店(黑金蜀山店)</div>
<i class="iconfont icon-down"></i>
</div>
<div class="comment">
<img src="./img/comment.svg" alt="">
<span>4.7&nbsp;&nbsp;月售5227单</span>
</div>
<div class="time">
<div class="time_left">
¥12起送
<span></span>
夜间配送¥4
</div>
<div class="time_right">
803m
<span></span>
30分钟
</div>
</div>
<div class="tip">
<div class="tip_item">粥店</div>
</div>
<div class="discount">
<div class="discount_item">
<div class="item_lefts">
<p>减</p>
<span>满25元减13元，满40元减20元，满88元减35元，满100元减45元，满120元减50元</span>
</div>
<div class="item_rights">
<span>6个活动</span>
<i class="iconfont icon-play"></i>
</div>
</div>
</div>
</div>
</div>
<div class="list_item">
<img src="https://cube.elemecdn.com/3/3c/0ed527795eb114290aa9940296349JPEG.JPEG" alt=""
class="item_left">
<div class="item_right">
<div class="r_title">
<div class="title">江川右·一家有态度的粥店(黑金蜀山店)</div>
<i class="iconfont icon-down"></i>
</div>
<div class="comment">
<img src="./img/comment.svg" alt="">
<span>4.7&nbsp;&nbsp;月售5227单</span>
</div>
<div class="time">
<div class="time_left">
¥12起送
<span></span>
夜间配送¥4
</div>
<div class="time_right">
803m
<span></span>
30分钟
</div>
</div>
<div class="tip">
<div class="tip_item">粥店</div>
</div>
<div class="discount">
<div class="discount_item">
<div class="item_lefts">
<p>减</p>
<span>满25元减13元，满40元减20元，满88元减35元，满100元减45元，满120元减50元</span>
</div>
<div class="item_rights">
<span>6个活动</span>
<i class="iconfont icon-play"></i>
</div>
</div>
</div>
</div>
</div>
<div class="list_item">
<img src="https://cube.elemecdn.com/3/3c/0ed527795eb114290aa9940296349JPEG.JPEG" alt=""
class="item_left">
<div class="item_right">
<div class="r_title">
<div class="title">江川右·一家有态度的粥店(黑金蜀山店)</div>
<i class="iconfont icon-down"></i>
</div>
<div class="comment">
<img src="./img/comment.svg" alt="">
<span>4.7&nbsp;&nbsp;月售5227单</span>
</div>
<div class="time">
<div class="time_left">
¥12起送
<span></span>
夜间配送¥4
</div>
<div class="time_right">
803m
<span></span>
30分钟
</div>
</div>
<div class="tip">
<div class="tip_item">粥店</div>
</div>
<div class="discount">
<div class="discount_item">
<div class="item_lefts">
<p>减</p>
<span>满25元减13元，满40元减20元，满88元减35元，满100元减45元，满120元减50元</span>
</div>
<div class="item_rights">
<span>6个活动</span>
<i class="iconfont icon-play"></i>
</div>
</div>
</div>
</div>
</div>
<div class="list_item">
<img src="https://cube.elemecdn.com/3/3c/0ed527795eb114290aa9940296349JPEG.JPEG" alt=""
class="item_left">
<div class="item_right">
<div class="r_title">
<div class="title">江川右·一家有态度的粥店(黑金蜀山店)</div>
<i class="iconfont icon-down"></i>
</div>
<div class="comment">
<img src="./img/comment.svg" alt="">
<span>4.7&nbsp;&nbsp;月售5227单</span>
</div>
<div class="time">
<div class="time_left">
¥12起送
<span></span>
夜间配送¥4
</div>
<div class="time_right">
803m
<span></span>
30分钟
</div>
</div>
<div class="tip">
<div class="tip_item">粥店</div>
</div>
<div class="discount">
<div class="discount_item">
<div class="item_lefts">
<p>减</p>
<span>满25元减13元，满40元减20元，满88元减35元，满100元减45元，满120元减50元</span>
</div>
<div class="item_rights">
<span>6个活动</span>
<i class="iconfont icon-play"></i>
</div>
</div>
</div>
</div>
</div>
<div class="list_item">
<img src="https://cube.elemecdn.com/3/3c/0ed527795eb114290aa9940296349JPEG.JPEG" alt=""
class="item_left">
<div class="item_right">
<div class="r_title">
<div class="title">江川右·一家有态度的粥店(黑金蜀山店)</div>
<i class="iconfont icon-down"></i>
</div>
<div class="comment">
<img src="./img/comment.svg" alt="">
<span>4.7&nbsp;&nbsp;月售5227单</span>
</div>
<div class="time">
<div class="time_left">
¥12起送
<span></span>
夜间配送¥4
</div>
<div class="time_right">
803m
<span></span>
30分钟
</div>
</div>
<div class="tip">
<div class="tip_item">粥店</div>
</div>
<div class="discount">
<div class="discount_item">
<div class="item_lefts">
<p>减</p>
<span>满25元减13元，满40元减20元，满88元减35元，满100元减45元，满120元减50元</span>
</div>
<div class="item_rights">
<span>6个活动</span>
<i class="iconfont icon-play"></i>
</div>
</div>
</div>
</div>
</div>
<div class="list_item">
<img src="https://cube.elemecdn.com/3/3c/0ed527795eb114290aa9940296349JPEG.JPEG" alt=""
class="item_left">
<div class="item_right">
<div class="r_title">
<div class="title">江川右·一家有态度的粥店(黑金蜀山店)</div>
<i class="iconfont icon-down"></i>
</div>
<div class="comment">
<img src="./img/comment.svg" alt="">
<span>4.7&nbsp;&nbsp;月售5227单</span>
</div>
<div class="time">
<div class="time_left">
¥12起送
<span></span>
夜间配送¥4
</div>
<div class="time_right">
803m
<span></span>
30分钟
</div>
</div>
<div class="tip">
<div class="tip_item">粥店</div>
</div>
<div class="discount">
<div class="discount_item">
<div class="item_lefts">
<p>减</p>
<span>满25元减13元，满40元减20元，满88元减35元，满100元减45元，满120元减50元</span>
</div>
<div class="item_rights">
<span>6个活动</span>
<i class="iconfont icon-play"></i>
</div>
</div>
</div>
</div>
</div>
<div class="list_item">
<img src="https://cube.elemecdn.com/3/3c/0ed527795eb114290aa9940296349JPEG.JPEG" alt=""
class="item_left">
<div class="item_right">
<div class="r_title">
<div class="title">江川右·一家有态度的粥店(黑金蜀山店)</div>
<i class="iconfont icon-down"></i>
</div>
<div class="comment">
<img src="./img/comment.svg" alt="">
<span>4.7&nbsp;&nbsp;月售5227单</span>
</div>
<div class="time">
<div class="time_left">
¥12起送
<span></span>
夜间配送¥4
</div>
<div class="time_right">
803m
<span></span>
30分钟
</div>
</div>
<div class="tip">
<div class="tip_item">粥店</div>
</div>
<div class="discount">
<div class="discount_item">
<div class="item_lefts">
<p>减</p>
<span>满25元减13元，满40元减20元，满88元减35元，满100元减45元，满120元减50元</span>
</div>
<div class="item_rights">
<span>6个活动</span>
<i class="iconfont icon-play"></i>
</div>
</div>
</div>
</div>
</div>
<div class="list_item">
<img src="https://cube.elemecdn.com/3/3c/0ed527795eb114290aa9940296349JPEG.JPEG" alt=""
class="item_left">
<div class="item_right">
<div class="r_title">
<div class="title">江川右·一家有态度的粥店(黑金蜀山店)</div>
<i class="iconfont icon-down"></i>
</div>
<div class="comment">
<img src="./img/comment.svg" alt="">
<span>4.7&nbsp;&nbsp;月售5227单</span>
</div>
<div class="time">
<div class="time_left">
¥12起送
<span></span>
夜间配送¥4
</div>
<div class="time_right">
803m
<span></span>
30分钟
</div>
</div>
<div class="tip">
<div class="tip_item">粥店</div>
</div>
<div class="discount">
<div class="discount_item">
<div class="item_lefts">
<p>减</p>
<span>满25元减13元，满40元减20元，满88元减35元，满100元减45元，满120元减50元</span>
</div>
<div class="item_rights">
<span>6个活动</span>
<i class="iconfont icon-play"></i>
</div>
</div>
</div>
</div>
</div>
<div class="list_item">
<img src="https://cube.elemecdn.com/3/3c/0ed527795eb114290aa9940296349JPEG.JPEG" alt=""
class="item_left">
<div class="item_right">
<div class="r_title">
<div class="title">江川右·一家有态度的粥店(黑金蜀山店)</div>
<i class="iconfont icon-down"></i>
</div>
<div class="comment">
<img src="./img/comment.svg" alt="">
<span>4.7&nbsp;&nbsp;月售5227单</span>
</div>
<div class="time">
<div class="time_left">
¥12起送
<span></span>
夜间配送¥4
</div>
<div class="time_right">
803m
<span></span>
30分钟
</div>
</div>
<div class="tip">
<div class="tip_item">粥店</div>
</div>
<div class="discount">
<div class="discount_item">
<div class="item_lefts">
<p>减</p>
<span>满25元减13元，满40元减20元，满88元减35元，满100元减45元，满120元减50元</span>
</div>
<div class="item_rights">
<span>6个活动</span>
<i class="iconfont icon-play"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="footer_item">
<i class="iconfont icon-cart"></i>
<p>首页</p>
</div>
<div class="footer_item">
<i class="iconfont icon-cart"></i>
<p>发现</p>
</div>
<div class="footer_item">
<i class="iconfont icon-cart"></i>
<p>订单</p>
</div>
<div class="footer_item">
<i class="iconfont icon-cart"></i>
<p>我的</p>
</div>
</div>
</body>
</html>