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

245
历届学生/吴欣阳/项目开发/练习项目/课程练习/6.9/饿了么/index.html Normal file
View File

@@ -0,0 +1,245 @@
<!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>Document</title>
<script src="./js/rem.js"></script>
<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_2604059_y9qg1x7tudq.css">
</head>
<div class="header">
<div class="header_top">
<!--上半部分-->
<i class="iconfont icon-dingwei"></i>
<h2>安徽工业经济职业技术学院18栋宿舍楼</h2>
<i class="iconfont icon-gengduo"></i>
</div>
<div class="header_bottom">
<!--搜索框-->
<div class="shou">
<i class="iconfont icon-sousuo"></i>
<span>搜索饿了么商家、商品名称</span>
</div>
</div>
</div>
<div class="content">
<div class="content_top">
<!--导航-->
<ul class="content_top_1">
<li>
<img src="./img/shiwu.png" alt="">
<p>美食</p>
</li>
<li>
<img src="./img/shiwu.png" alt="">
<p>美食</p>
</li>
<li>
<img src="./img/shiwu.png" alt="">
<p>美食</p>
</li>
<li>
<img src="./img/shiwu.png" alt="">
<p>美食</p>
</li>
<li>
<img src="./img/shiwu.png" alt="">
<p>美食</p>
</li>
<li>
<img src="./img/shiwu.png" alt="">
<p>美食</p>
</li>
<li>
<img src="./img/shiwu.png" alt="">
<p>美食</p>
</li>
<li>
<img src="./img/shiwu.png" alt="">
<p>美食</p>
</li>
</ul>
</div>
<div class="tup">
<!--会员-->
<div class="wenzi">
<h2>品质套餐</h2>
<p class="wenzi_1">搭配齐全吃的好</p>
<p class="wenzi_2">立刻抢购</p>
</div>
<img src="./img/shiwu_1.png" alt="">
</div>
<div class="huiyuan">
<!--会员-->
<div class="huiyuan_left">
<img src="./img/wanguan.png" alt="">
<span class="left_1">超级会员</span>.
<span class="left_2">每月领20元红包</span>
</div>
<div class="huiyuan_right">
<span>立刻开通</span>
<i class="iconfont icon-gengduo-copy"></i>
</div>
</div>
<div class="shop_top">
<!--推荐商家-->
<span>推荐商家</span>
</div>
<div class="list">
<!--导航-->
<ul class="list_1">
<li>
<span>综合排序</span>
<i class="iconfont icon-more-copy"></i>
</li>
<li>
<span>距离最近</span>
</li>
<li>
<span>销量最高</span>
</li>
<li>
<span>筛选</span>
<i class="iconfont icon-iconfuzhi"></i>
</li>
</ul>
</div>
<div class="shop">
<ul class="shop_1">
<li>
<img class="din" src="./img/shp.png" alt="">
<div class="shop_right">
<div class="mz">
<!--店铺名字-->
<h3>湘徽味道</h3>
<i class="iconfont icon-shenglve"></i>
</div>
<div class="px">
<!--评星-->
<i class="px_1"></i>
<span>4</span>
<span>月售4399单</span>
</div>
<div class="qs">
<!--起送-->
<div class="qs_left">
<span>¥20起送</span>
<span class="qs_1">远距离配送¥2</span>
</div>
<div class="qs_right">
<span>3.54km</span>
<span class="qs_2">47分钟</span>
</div>
</div>
<p class="leibie">农家菜</p>
<!--类别-->
<div class="xxxx">
<!--线-->
</div>
<div class="jm"><!--报错-->>
<div class="jm_a">
<div class="jm_left">
<span class="jm_1">减</span>
<span>满18元减8元，满36元减17元，满46元减21元，满56元减26元，满70元减31元</span>
</div>
<div class="jm_right">
<span>7个活动</span>
<i class="iconfont icon-more-copy"></i>
</div>
</div>
</div>
</div>
</li>
<li>
<img class="din" src="./img/shp.png" alt="">
<div class="shop_right">
<div class="mz">
<!--店铺名字-->
<h3>湘徽味道</h3>
<i class="iconfont icon-shenglve"></i>
</div>
<div class="px">
<!--评星-->
<i class="px_1"></i>
<span>4</span>
<span>月售4399单</span>
</div>
<div class="qs">
<!--起送-->
<div class="qs_left">
<span>¥20起送</span>
<span class="qs_1">远距离配送¥2</span>
</div>
<div class="qs_right">
<span>3.54km</span>
<span class="qs_2">47分钟</span>
</div>
</div>
<p class="leibie">农家菜</p>
<!--类别-->
<div class="xxxx">
<!--线-->
</div>
<div class="jm">
<!--减免 ul-->
<div class="jm_a">
<!--li-->
<div class="jm_left">
<span class="jm_1">减</span>
<span>满18元减8元，满36元减17元，满46元减21元，满56元减26元，满70元减31元</span>
</div>
<div class="jm_right">
<span>7个活动</span>
<i class="iconfont icon-more-copy"></i>
</div>
</div>
<div class="jm_a">
<!--li-->
<div class="jm_left">
<span class="jm_1">减</span>
<span>满18元减8元，满36元减17元，满46元减21元，满56元减26元，满70元减31元</span>
</div>
<div class="jm_right">
<span>7个活动</span>
<i class="iconfont icon-more-copy"></i>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="footer">
<ul class="footer_layout">
<li>
<i class="iconfont icon-changyonglogo40"></i>
<p>首页</p>
</li>
<li>
<i class="iconfont icon-faxian"></i>
<p>发现</p>
</li>
<li>
<i class="iconfont icon-dingdan"></i>
<p>订单</p>
</li>
<li>
<i class="iconfont icon-iconfuzhi"></i>
<p>我的</p>
</li>
</ul>
</div>
<body>
</body>
</html>