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

233
历届学生/18课程/class18/项目/上课项目/饿了么/css/index.css Normal file
View File

@@ -0,0 +1,233 @@
body,
ul,
li,
p {
margin: 0;
padding: 0;
list-style: none;
}
.footer {
height: 50px;
position: fixed;
width: 100%;
bottom: 0;
left: 0;
background: #fff;
}
.footer ul {
display: flex;
justify-content: space-around;
}
.footer ul img {
width: 20px;
}
.footer ul p {
font-size: 14px;
color: #8e8e93;
}
.footer ul li {
text-align: center;
}
.header {
background-image: linear-gradient(90deg, #0af, #0085ff);
height: 92px;
padding: 10px 14px;
width: 100%;
position: fixed;
left: 0;
top: 0;
box-sizing: border-box;
}
.h_location {
display: flex;
align-items: center;
margin-bottom: 12px;
}
.h_location img {
width: 18px;
height: 18px;
}
.h_location img:last-child {
margin-left: 6px;
}
.h_search {
width: 100%;
height: 36px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.h_search img {
width: 16px;
height: 16px;
}
.h_search p {
font-size: 14px;
color: #999;
height: 20px;
}
.content {
margin-bottom: 50px;
margin-top: 92px;
}
.loction {
font-size: 14px;
color: #fff;
}
.menu_list {
display: flex;
flex-wrap: wrap;
}
.list_item {
width: 20%;
text-align: center;
}
.menu_list img {
width: 45px;
height: 45px;
margin-bottom: 10px;
}
.menu_list p {
font-size: 12px;
color: #666;
}
.shop_item {
display: flex;
margin: 10px 0;
padding: 0 10px;
margin-bottom: 20px;
}
.shop_item .shop_img {
width: 65px;
height: 65px;
margin-right: 10px;
}
.shop_item .title p {
font-size: 15px;
color: #333;
font-weight: 700;
}
.title_icon {
height: 14px;
line-height: 10px;
}
.shop_item .title_icon i {
font-size: 12px;
color: #666;
}
.right_con {
flex: 1;
}
.right_con .title {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
}
.xs {
margin-bottom: 6px;
}
.xs span {
font-size: 11px;
color: #666;
}
.xs img {
width: 56px;
}
.ps {
display: flex;
justify-content: space-between;
}
.ps_left span:first-child::after {
content: "|";
color: #ddd;
margin-left: 6px;
}
.ps_left span {
font-size: 11px;
color: #666;
}
.tips {
margin-top: 4px;
}
.tips .tips_item {
padding: 1px 4px;
color: #666;
font-size: 11px;
border: 1px solid rgb(221, 221, 221);
display: inline-block;
}
.mj {
margin-top: 8px;
border-top: 1px dotted#ededed;
padding-top: 6px;
}
.mj_item {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 5px;
}
.mj_item_l {
display: flex;
}
.mj_item_r {
color: #666;
font-size: 11px;
}
.mj_item_l p {
font-size: 11px;
color: #fff;
background: rgb(240, 115, 115);
padding: 1px 3px;
margin-right: 5px;
border-radius: 1px;
}
.mj_item_l span {
width: 210px;
color: #666;
font-size: 11px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

49
历届学生/18课程/class18/项目/上课项目/饿了么/flex.html Normal file
View File

@@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
ul,
li,
body {
margin: 0;
padding: 0;
list-style: none;
}
ul {
display: flex;
justify-content: space-between;
align-items: center;
background: #ff0;
flex-wrap: wrap;
}
li {
width: 20%;
}
</style>
</head>
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<!-- <li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li> -->
</ul>
</body>
</html>

BIN
历届学生/18课程/class18/项目/上课项目/饿了么/img/footer_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

390
历届学生/18课程/class18/项目/上课项目/饿了么/index.html Normal file
View File

@@ -0,0 +1,390 @@
<!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="http://at.alicdn.com/t/font_2124975_h7j9wjtvbcb.css">
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<div class="header">
<div class="h_location">
<i class="iconfont icon-dingwei loction"></i>
<span>新城国际C座</span>
<img src="./img/footer_1.png" alt="">
</div>
<div class="h_search">
<img src="./img/footer_1.png" alt="">
<p>搜索饿了么商家、商品名称</p>
</div>
</div>
<div class="content">
<div class="menu_list">
<div class="list_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="list_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="list_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="list_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="list_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="list_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="list_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="list_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="list_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="list_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="shop_list">
<div class="shop_item">
<img class="shop_img" src="https://cube.elemecdn.com/0/f8/3352a443158722a30f8fe05d41e1bJPEG.JPEG" alt="" />
<div class="right_con">
<div class="title">
<p>馋馋猫烤肉拌饭</p>
<div class="title_icon">
<i class="iconfont icon-gengduo"></i>
<i class="iconfont icon-gengduo"></i>
</div>
</div>
<div class="xs">
<img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIwJSIgeTE9IjUwJSIgeTI9IjUwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiNGRkRFMDAiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkZCMDAwIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBkPSJNNTQuMDE3IDguMDcybC0yLjU1MiAxLjU2MWMtLjQ3Ni4yOTEtLjc1OC4wOTYtLjYyNi0uNDU1bC42OTYtMi45MDktMi4yNzMtMS45NDRjLS40MjQtLjM2Mi0uMzI1LS42OTEuMjM5LS43MzZsMi45ODItLjIzN0w1My42My41ODljLjIxMy0uNTE1LjU1Ny0uNTIzLjc3NCAwbDEuMTQ2IDIuNzYzIDIuOTgyLjIzN2MuNTU2LjA0NC42Ny4zNjguMjQuNzM2bC0yLjI3NCAxLjk0NC42OTYgMi45MWMuMTMuNTQyLS4xNDMuNzUtLjYyNi40NTRsLTIuNTUxLTEuNTZ6bS00OCAwTDMuNDY1IDkuNjMzYy0uNDc2LjI5MS0uNzU4LjA5Ni0uNjI2LS40NTVsLjY5Ni0yLjkwOS0yLjI3My0xLjk0NGMtLjQyNC0uMzYyLS4zMjUtLjY5MS4yMzktLjczNmwyLjk4Mi0uMjM3TDUuNjMuNTg5Yy4yMTMtLjUxNS41NTctLjUyMy43NzQgMEw3LjU1IDMuMzUybDIuOTgyLjIzN2MuNTU2LjA0NC42Ny4zNjguMjQuNzM2TDguNDk3IDYuMjY5bC42OTYgMi45MWMuMTMuNTQyLS4xNDMuNzUtLjYyNi40NTRsLTIuNTUxLTEuNTZ6bTEyIDBsLTIuNTUyIDEuNTYxYy0uNDc2LjI5MS0uNzU4LjA5Ni0uNjI2LS40NTVsLjY5Ni0yLjkwOS0yLjI3My0xLjk0NGMtLjQyNC0uMzYyLS4zMjUtLjY5MS4yMzktLjczNmwyLjk4Mi0uMjM3TDE3LjYzLjU4OWMuMjEzLS41MTUuNTU3LS41MjMuNzc0IDBsMS4xNDYgMi43NjMgMi45ODIuMjM3Yy41NTYuMDQ0LjY3LjM2OC4yNC43MzZsLTIuMjc0IDEuOTQ0LjY5NiAyLjkxYy4xMy41NDItLjE0My43NS0uNjI2LjQ1NGwtMi41NTEtMS41NnptMTIgMGwtMi41NTIgMS41NjFjLS40NzYuMjkxLS43NTguMDk2LS42MjYtLjQ1NWwuNjk2LTIuOTA5LTIuMjczLTEuOTQ0Yy0uNDI0LS4zNjItLjMyNS0uNjkxLjIzOS0uNzM2bDIuOTgyLS4yMzdMMjkuNjMuNTg5Yy4yMTMtLjUxNS41NTctLjUyMy43NzQgMGwxLjE0NiAyLjc2MyAyLjk4Mi4yMzdjLjU1Ni4wNDQuNjcuMzY4LjI0LjczNmwtMi4yNzQgMS45NDQuNjk2IDIuOTFjLjEzLjU0Mi0uMTQzLjc1LS42MjYuNDU0bC0yLjU1MS0xLjU2em0xMiAwbC0yLjU1MiAxLjU2MWMtLjQ3Ni4yOTEtLjc1OC4wOTYtLjYyNi0uNDU1bC42OTYtMi45MDktMi4yNzMtMS45NDRjLS40MjQtLjM2Mi0uMzI1LS42OTEuMjM5LS43MzZsMi45ODItLjIzN0w0MS42My41ODljLjIxMy0uNTE1LjU1Ny0uNTIzLjc3NCAwbDEuMTQ2IDIuNzYzIDIuOTgyLjIzN2MuNTU2LjA0NC42Ny4zNjguMjQuNzM2bC0yLjI3NCAxLjk0NC42OTYgMi45MWMuMTMuNTQyLS4xNDMuNzUtLjYyNi40NTRsLTIuNTUxLTEuNTZ6IiBmaWxsPSJ1cmwoI2EpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4="
alt="">
<span>
4.7&nbsp;&nbsp;月售2854单
</span>
</div>
<div class="ps">
<div class="ps_left">
<span>15</span>
<span>夜间配送¥2</span>
</div>
<div class="ps_left">
<span>15</span>
<span>夜间配送¥2</span>
</div>
</div>
<div class="tips">
<div class="tips_item">烤肉拌饭</div>
</div>
<div class="mj">
<div class="mj_item">
<div class="mj_item_l">
<p>减</p>
<span>满20元减19元，满45元减21元，满60元减22元，满100元减30元</span>
</div>
<div class="mj_item_r">
<span>4个活动</span>
<i></i>
</div>
</div>
<div class="mj_item">
<div class="mj_item_l">
<p>减</p>
<span>满20元减19元，满45元减21元，满60元减22元，满100元减30元</span>
</div>
<div class="mj_item_r">
<span>4个活动</span>
<i></i>
</div>
</div>
</div>
</div>
</div>
<div class="shop_item">
<img class="shop_img" src="https://cube.elemecdn.com/0/f8/3352a443158722a30f8fe05d41e1bJPEG.JPEG" alt="" />
<div class="right_con">
<div class="title">
<p>馋馋猫烤肉拌饭</p>
<div class="title_icon">
<i class="iconfont icon-gengduo"></i>
<i class="iconfont icon-gengduo"></i>
</div>
</div>
<div class="xs">
<img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIwJSIgeTE9IjUwJSIgeTI9IjUwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiNGRkRFMDAiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkZCMDAwIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBkPSJNNTQuMDE3IDguMDcybC0yLjU1MiAxLjU2MWMtLjQ3Ni4yOTEtLjc1OC4wOTYtLjYyNi0uNDU1bC42OTYtMi45MDktMi4yNzMtMS45NDRjLS40MjQtLjM2Mi0uMzI1LS42OTEuMjM5LS43MzZsMi45ODItLjIzN0w1My42My41ODljLjIxMy0uNTE1LjU1Ny0uNTIzLjc3NCAwbDEuMTQ2IDIuNzYzIDIuOTgyLjIzN2MuNTU2LjA0NC42Ny4zNjguMjQuNzM2bC0yLjI3NCAxLjk0NC42OTYgMi45MWMuMTMuNTQyLS4xNDMuNzUtLjYyNi40NTRsLTIuNTUxLTEuNTZ6bS00OCAwTDMuNDY1IDkuNjMzYy0uNDc2LjI5MS0uNzU4LjA5Ni0uNjI2LS40NTVsLjY5Ni0yLjkwOS0yLjI3My0xLjk0NGMtLjQyNC0uMzYyLS4zMjUtLjY5MS4yMzktLjczNmwyLjk4Mi0uMjM3TDUuNjMuNTg5Yy4yMTMtLjUxNS41NTctLjUyMy43NzQgMEw3LjU1IDMuMzUybDIuOTgyLjIzN2MuNTU2LjA0NC42Ny4zNjguMjQuNzM2TDguNDk3IDYuMjY5bC42OTYgMi45MWMuMTMuNTQyLS4xNDMuNzUtLjYyNi40NTRsLTIuNTUxLTEuNTZ6bTEyIDBsLTIuNTUyIDEuNTYxYy0uNDc2LjI5MS0uNzU4LjA5Ni0uNjI2LS40NTVsLjY5Ni0yLjkwOS0yLjI3My0xLjk0NGMtLjQyNC0uMzYyLS4zMjUtLjY5MS4yMzktLjczNmwyLjk4Mi0uMjM3TDE3LjYzLjU4OWMuMjEzLS41MTUuNTU3LS41MjMuNzc0IDBsMS4xNDYgMi43NjMgMi45ODIuMjM3Yy41NTYuMDQ0LjY3LjM2OC4yNC43MzZsLTIuMjc0IDEuOTQ0LjY5NiAyLjkxYy4xMy41NDItLjE0My43NS0uNjI2LjQ1NGwtMi41NTEtMS41NnptMTIgMGwtMi41NTIgMS41NjFjLS40NzYuMjkxLS43NTguMDk2LS42MjYtLjQ1NWwuNjk2LTIuOTA5LTIuMjczLTEuOTQ0Yy0uNDI0LS4zNjItLjMyNS0uNjkxLjIzOS0uNzM2bDIuOTgyLS4yMzdMMjkuNjMuNTg5Yy4yMTMtLjUxNS41NTctLjUyMy43NzQgMGwxLjE0NiAyLjc2MyAyLjk4Mi4yMzdjLjU1Ni4wNDQuNjcuMzY4LjI0LjczNmwtMi4yNzQgMS45NDQuNjk2IDIuOTFjLjEzLjU0Mi0uMTQzLjc1LS42MjYuNDU0bC0yLjU1MS0xLjU2em0xMiAwbC0yLjU1MiAxLjU2MWMtLjQ3Ni4yOTEtLjc1OC4wOTYtLjYyNi0uNDU1bC42OTYtMi45MDktMi4yNzMtMS45NDRjLS40MjQtLjM2Mi0uMzI1LS42OTEuMjM5LS43MzZsMi45ODItLjIzN0w0MS42My41ODljLjIxMy0uNTE1LjU1Ny0uNTIzLjc3NCAwbDEuMTQ2IDIuNzYzIDIuOTgyLjIzN2MuNTU2LjA0NC42Ny4zNjguMjQuNzM2bC0yLjI3NCAxLjk0NC42OTYgMi45MWMuMTMuNTQyLS4xNDMuNzUtLjYyNi40NTRsLTIuNTUxLTEuNTZ6IiBmaWxsPSJ1cmwoI2EpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4="
alt="">
<span>
4.7&nbsp;&nbsp;月售2854单
</span>
</div>
<div class="ps">
<div class="ps_left">
<span>15</span>
<span>夜间配送¥2</span>
</div>
<div class="ps_left">
<span>15</span>
<span>夜间配送¥2</span>
</div>
</div>
<div class="tips">
<div class="tips_item">烤肉拌饭</div>
</div>
<div class="mj">
<div class="mj_item">
<div class="mj_item_l">
<p>减</p>
<span>满20元减19元，满45元减21元，满60元减22元，满100元减30元</span>
</div>
<div class="mj_item_r">
<span>4个活动</span>
<i></i>
</div>
</div>
<div class="mj_item">
<div class="mj_item_l">
<p>减</p>
<span>满20元减19元，满45元减21元，满60元减22元，满100元减30元</span>
</div>
<div class="mj_item_r">
<span>4个活动</span>
<i></i>
</div>
</div>
</div>
</div>
</div>
<div class="shop_item">
<img class="shop_img" src="https://cube.elemecdn.com/0/f8/3352a443158722a30f8fe05d41e1bJPEG.JPEG" alt="" />
<div class="right_con">
<div class="title">
<p>馋馋猫烤肉拌饭</p>
<div class="title_icon">
<i class="iconfont icon-gengduo"></i>
<i class="iconfont icon-gengduo"></i>
</div>
</div>
<div class="xs">
<img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIwJSIgeTE9IjUwJSIgeTI9IjUwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiNGRkRFMDAiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkZCMDAwIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBkPSJNNTQuMDE3IDguMDcybC0yLjU1MiAxLjU2MWMtLjQ3Ni4yOTEtLjc1OC4wOTYtLjYyNi0uNDU1bC42OTYtMi45MDktMi4yNzMtMS45NDRjLS40MjQtLjM2Mi0uMzI1LS42OTEuMjM5LS43MzZsMi45ODItLjIzN0w1My42My41ODljLjIxMy0uNTE1LjU1Ny0uNTIzLjc3NCAwbDEuMTQ2IDIuNzYzIDIuOTgyLjIzN2MuNTU2LjA0NC42Ny4zNjguMjQuNzM2bC0yLjI3NCAxLjk0NC42OTYgMi45MWMuMTMuNTQyLS4xNDMuNzUtLjYyNi40NTRsLTIuNTUxLTEuNTZ6bS00OCAwTDMuNDY1IDkuNjMzYy0uNDc2LjI5MS0uNzU4LjA5Ni0uNjI2LS40NTVsLjY5Ni0yLjkwOS0yLjI3My0xLjk0NGMtLjQyNC0uMzYyLS4zMjUtLjY5MS4yMzktLjczNmwyLjk4Mi0uMjM3TDUuNjMuNTg5Yy4yMTMtLjUxNS41NTctLjUyMy43NzQgMEw3LjU1IDMuMzUybDIuOTgyLjIzN2MuNTU2LjA0NC42Ny4zNjguMjQuNzM2TDguNDk3IDYuMjY5bC42OTYgMi45MWMuMTMuNTQyLS4xNDMuNzUtLjYyNi40NTRsLTIuNTUxLTEuNTZ6bTEyIDBsLTIuNTUyIDEuNTYxYy0uNDc2LjI5MS0uNzU4LjA5Ni0uNjI2LS40NTVsLjY5Ni0yLjkwOS0yLjI3My0xLjk0NGMtLjQyNC0uMzYyLS4zMjUtLjY5MS4yMzktLjczNmwyLjk4Mi0uMjM3TDE3LjYzLjU4OWMuMjEzLS41MTUuNTU3LS41MjMuNzc0IDBsMS4xNDYgMi43NjMgMi45ODIuMjM3Yy41NTYuMDQ0LjY3LjM2OC4yNC43MzZsLTIuMjc0IDEuOTQ0LjY5NiAyLjkxYy4xMy41NDItLjE0My43NS0uNjI2LjQ1NGwtMi41NTEtMS41NnptMTIgMGwtMi41NTIgMS41NjFjLS40NzYuMjkxLS43NTguMDk2LS42MjYtLjQ1NWwuNjk2LTIuOTA5LTIuMjczLTEuOTQ0Yy0uNDI0LS4zNjItLjMyNS0uNjkxLjIzOS0uNzM2bDIuOTgyLS4yMzdMMjkuNjMuNTg5Yy4yMTMtLjUxNS41NTctLjUyMy43NzQgMGwxLjE0NiAyLjc2MyAyLjk4Mi4yMzdjLjU1Ni4wNDQuNjcuMzY4LjI0LjczNmwtMi4yNzQgMS45NDQuNjk2IDIuOTFjLjEzLjU0Mi0uMTQzLjc1LS42MjYuNDU0bC0yLjU1MS0xLjU2em0xMiAwbC0yLjU1MiAxLjU2MWMtLjQ3Ni4yOTEtLjc1OC4wOTYtLjYyNi0uNDU1bC42OTYtMi45MDktMi4yNzMtMS45NDRjLS40MjQtLjM2Mi0uMzI1LS42OTEuMjM5LS43MzZsMi45ODItLjIzN0w0MS42My41ODljLjIxMy0uNTE1LjU1Ny0uNTIzLjc3NCAwbDEuMTQ2IDIuNzYzIDIuOTgyLjIzN2MuNTU2LjA0NC42Ny4zNjguMjQuNzM2bC0yLjI3NCAxLjk0NC42OTYgMi45MWMuMTMuNTQyLS4xNDMuNzUtLjYyNi40NTRsLTIuNTUxLTEuNTZ6IiBmaWxsPSJ1cmwoI2EpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4="
alt="">
<span>
4.7&nbsp;&nbsp;月售2854单
</span>
</div>
<div class="ps">
<div class="ps_left">
<span>15</span>
<span>夜间配送¥2</span>
</div>
<div class="ps_left">
<span>15</span>
<span>夜间配送¥2</span>
</div>
</div>
<div class="tips">
<div class="tips_item">烤肉拌饭</div>
</div>
<div class="mj">
<div class="mj_item">
<div class="mj_item_l">
<p>减</p>
<span>满20元减19元，满45元减21元，满60元减22元，满100元减30元</span>
</div>
<div class="mj_item_r">
<span>4个活动</span>
<i></i>
</div>
</div>
<div class="mj_item">
<div class="mj_item_l">
<p>减</p>
<span>满20元减19元，满45元减21元，满60元减22元，满100元减30元</span>
</div>
<div class="mj_item_r">
<span>4个活动</span>
<i></i>
</div>
</div>
</div>
</div>
</div>
<div class="shop_item">
<img class="shop_img" src="https://cube.elemecdn.com/0/f8/3352a443158722a30f8fe05d41e1bJPEG.JPEG" alt="" />
<div class="right_con">
<div class="title">
<p>馋馋猫烤肉拌饭</p>
<div class="title_icon">
<i class="iconfont icon-gengduo"></i>
<i class="iconfont icon-gengduo"></i>
</div>
</div>
<div class="xs">
<img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIwJSIgeTE9IjUwJSIgeTI9IjUwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiNGRkRFMDAiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkZCMDAwIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBkPSJNNTQuMDE3IDguMDcybC0yLjU1MiAxLjU2MWMtLjQ3Ni4yOTEtLjc1OC4wOTYtLjYyNi0uNDU1bC42OTYtMi45MDktMi4yNzMtMS45NDRjLS40MjQtLjM2Mi0uMzI1LS42OTEuMjM5LS43MzZsMi45ODItLjIzN0w1My42My41ODljLjIxMy0uNTE1LjU1Ny0uNTIzLjc3NCAwbDEuMTQ2IDIuNzYzIDIuOTgyLjIzN2MuNTU2LjA0NC42Ny4zNjguMjQuNzM2bC0yLjI3NCAxLjk0NC42OTYgMi45MWMuMTMuNTQyLS4xNDMuNzUtLjYyNi40NTRsLTIuNTUxLTEuNTZ6bS00OCAwTDMuNDY1IDkuNjMzYy0uNDc2LjI5MS0uNzU4LjA5Ni0uNjI2LS40NTVsLjY5Ni0yLjkwOS0yLjI3My0xLjk0NGMtLjQyNC0uMzYyLS4zMjUtLjY5MS4yMzktLjczNmwyLjk4Mi0uMjM3TDUuNjMuNTg5Yy4yMTMtLjUxNS41NTctLjUyMy43NzQgMEw3LjU1IDMuMzUybDIuOTgyLjIzN2MuNTU2LjA0NC42Ny4zNjguMjQuNzM2TDguNDk3IDYuMjY5bC42OTYgMi45MWMuMTMuNTQyLS4xNDMuNzUtLjYyNi40NTRsLTIuNTUxLTEuNTZ6bTEyIDBsLTIuNTUyIDEuNTYxYy0uNDc2LjI5MS0uNzU4LjA5Ni0uNjI2LS40NTVsLjY5Ni0yLjkwOS0yLjI3My0xLjk0NGMtLjQyNC0uMzYyLS4zMjUtLjY5MS4yMzktLjczNmwyLjk4Mi0uMjM3TDE3LjYzLjU4OWMuMjEzLS41MTUuNTU3LS41MjMuNzc0IDBsMS4xNDYgMi43NjMgMi45ODIuMjM3Yy41NTYuMDQ0LjY3LjM2OC4yNC43MzZsLTIuMjc0IDEuOTQ0LjY5NiAyLjkxYy4xMy41NDItLjE0My43NS0uNjI2LjQ1NGwtMi41NTEtMS41NnptMTIgMGwtMi41NTIgMS41NjFjLS40NzYuMjkxLS43NTguMDk2LS42MjYtLjQ1NWwuNjk2LTIuOTA5LTIuMjczLTEuOTQ0Yy0uNDI0LS4zNjItLjMyNS0uNjkxLjIzOS0uNzM2bDIuOTgyLS4yMzdMMjkuNjMuNTg5Yy4yMTMtLjUxNS41NTctLjUyMy43NzQgMGwxLjE0NiAyLjc2MyAyLjk4Mi4yMzdjLjU1Ni4wNDQuNjcuMzY4LjI0LjczNmwtMi4yNzQgMS45NDQuNjk2IDIuOTFjLjEzLjU0Mi0uMTQzLjc1LS42MjYuNDU0bC0yLjU1MS0xLjU2em0xMiAwbC0yLjU1MiAxLjU2MWMtLjQ3Ni4yOTEtLjc1OC4wOTYtLjYyNi0uNDU1bC42OTYtMi45MDktMi4yNzMtMS45NDRjLS40MjQtLjM2Mi0uMzI1LS42OTEuMjM5LS43MzZsMi45ODItLjIzN0w0MS42My41ODljLjIxMy0uNTE1LjU1Ny0uNTIzLjc3NCAwbDEuMTQ2IDIuNzYzIDIuOTgyLjIzN2MuNTU2LjA0NC42Ny4zNjguMjQuNzM2bC0yLjI3NCAxLjk0NC42OTYgMi45MWMuMTMuNTQyLS4xNDMuNzUtLjYyNi40NTRsLTIuNTUxLTEuNTZ6IiBmaWxsPSJ1cmwoI2EpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4="
alt="">
<span>
4.7&nbsp;&nbsp;月售2854单
</span>
</div>
<div class="ps">
<div class="ps_left">
<span>15</span>
<span>夜间配送¥2</span>
</div>
<div class="ps_left">
<span>15</span>
<span>夜间配送¥2</span>
</div>
</div>
<div class="tips">
<div class="tips_item">烤肉拌饭</div>
</div>
<div class="mj">
<div class="mj_item">
<div class="mj_item_l">
<p>减</p>
<span>满20元减19元，满45元减21元，满60元减22元，满100元减30元</span>
</div>
<div class="mj_item_r">
<span>4个活动</span>
<i></i>
</div>
</div>
<div class="mj_item">
<div class="mj_item_l">
<p>减</p>
<span>满20元减19元，满45元减21元，满60元减22元，满100元减30元</span>
</div>
<div class="mj_item_r">
<span>4个活动</span>
<i></i>
</div>
</div>
</div>
</div>
</div>
<div class="shop_item">
<img class="shop_img" src="https://cube.elemecdn.com/0/f8/3352a443158722a30f8fe05d41e1bJPEG.JPEG" alt="" />
<div class="right_con">
<div class="title">
<p>馋馋猫烤肉拌饭</p>
<div class="title_icon">
<i class="iconfont icon-gengduo"></i>
<i class="iconfont icon-gengduo"></i>
</div>
</div>
<div class="xs">
<img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIwJSIgeTE9IjUwJSIgeTI9IjUwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiNGRkRFMDAiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkZCMDAwIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBkPSJNNTQuMDE3IDguMDcybC0yLjU1MiAxLjU2MWMtLjQ3Ni4yOTEtLjc1OC4wOTYtLjYyNi0uNDU1bC42OTYtMi45MDktMi4yNzMtMS45NDRjLS40MjQtLjM2Mi0uMzI1LS42OTEuMjM5LS43MzZsMi45ODItLjIzN0w1My42My41ODljLjIxMy0uNTE1LjU1Ny0uNTIzLjc3NCAwbDEuMTQ2IDIuNzYzIDIuOTgyLjIzN2MuNTU2LjA0NC42Ny4zNjguMjQuNzM2bC0yLjI3NCAxLjk0NC42OTYgMi45MWMuMTMuNTQyLS4xNDMuNzUtLjYyNi40NTRsLTIuNTUxLTEuNTZ6bS00OCAwTDMuNDY1IDkuNjMzYy0uNDc2LjI5MS0uNzU4LjA5Ni0uNjI2LS40NTVsLjY5Ni0yLjkwOS0yLjI3My0xLjk0NGMtLjQyNC0uMzYyLS4zMjUtLjY5MS4yMzktLjczNmwyLjk4Mi0uMjM3TDUuNjMuNTg5Yy4yMTMtLjUxNS41NTctLjUyMy43NzQgMEw3LjU1IDMuMzUybDIuOTgyLjIzN2MuNTU2LjA0NC42Ny4zNjguMjQuNzM2TDguNDk3IDYuMjY5bC42OTYgMi45MWMuMTMuNTQyLS4xNDMuNzUtLjYyNi40NTRsLTIuNTUxLTEuNTZ6bTEyIDBsLTIuNTUyIDEuNTYxYy0uNDc2LjI5MS0uNzU4LjA5Ni0uNjI2LS40NTVsLjY5Ni0yLjkwOS0yLjI3My0xLjk0NGMtLjQyNC0uMzYyLS4zMjUtLjY5MS4yMzktLjczNmwyLjk4Mi0uMjM3TDE3LjYzLjU4OWMuMjEzLS41MTUuNTU3LS41MjMuNzc0IDBsMS4xNDYgMi43NjMgMi45ODIuMjM3Yy41NTYuMDQ0LjY3LjM2OC4yNC43MzZsLTIuMjc0IDEuOTQ0LjY5NiAyLjkxYy4xMy41NDItLjE0My43NS0uNjI2LjQ1NGwtMi41NTEtMS41NnptMTIgMGwtMi41NTIgMS41NjFjLS40NzYuMjkxLS43NTguMDk2LS42MjYtLjQ1NWwuNjk2LTIuOTA5LTIuMjczLTEuOTQ0Yy0uNDI0LS4zNjItLjMyNS0uNjkxLjIzOS0uNzM2bDIuOTgyLS4yMzdMMjkuNjMuNTg5Yy4yMTMtLjUxNS41NTctLjUyMy43NzQgMGwxLjE0NiAyLjc2MyAyLjk4Mi4yMzdjLjU1Ni4wNDQuNjcuMzY4LjI0LjczNmwtMi4yNzQgMS45NDQuNjk2IDIuOTFjLjEzLjU0Mi0uMTQzLjc1LS42MjYuNDU0bC0yLjU1MS0xLjU2em0xMiAwbC0yLjU1MiAxLjU2MWMtLjQ3Ni4yOTEtLjc1OC4wOTYtLjYyNi0uNDU1bC42OTYtMi45MDktMi4yNzMtMS45NDRjLS40MjQtLjM2Mi0uMzI1LS42OTEuMjM5LS43MzZsMi45ODItLjIzN0w0MS42My41ODljLjIxMy0uNTE1LjU1Ny0uNTIzLjc3NCAwbDEuMTQ2IDIuNzYzIDIuOTgyLjIzN2MuNTU2LjA0NC42Ny4zNjguMjQuNzM2bC0yLjI3NCAxLjk0NC42OTYgMi45MWMuMTMuNTQyLS4xNDMuNzUtLjYyNi40NTRsLTIuNTUxLTEuNTZ6IiBmaWxsPSJ1cmwoI2EpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4="
alt="">
<span>
4.7&nbsp;&nbsp;月售2854单
</span>
</div>
<div class="ps">
<div class="ps_left">
<span>15</span>
<span>夜间配送¥2</span>
</div>
<div class="ps_left">
<span>15</span>
<span>夜间配送¥2</span>
</div>
</div>
<div class="tips">
<div class="tips_item">烤肉拌饭</div>
</div>
<div class="mj">
<div class="mj_item">
<div class="mj_item_l">
<p>减</p>
<span>满20元减19元，满45元减21元，满60元减22元，满100元减30元</span>
</div>
<div class="mj_item_r">
<span>4个活动</span>
<i></i>
</div>
</div>
<div class="mj_item">
<div class="mj_item_l">
<p>减</p>
<span>满20元减19元，满45元减21元，满60元减22元，满100元减30元</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<ul>
<li>
<img src="./img/footer_1.png" alt="">
<p>首页</p>
</li>
<li>
<img src="./img/footer_1.png" alt="">
<p>首页</p>
</li>
<li>
<img src="./img/footer_1.png" alt="">
<p>首页</p>
</li>
<li>
<img src="./img/footer_1.png" alt="">
<p>首页</p>
</li>
</ul>
</div>
</body>
</html>

13
历届学生/18课程/class18/项目/上课项目/饿了么/笔记.txt Normal file
View File

@@ -0,0 +1,13 @@
flex + rem
flex：主要用来实现快速布局（他能够把布局上很多事情交给浏览器进行自动的计算）
13
父元素
6
子元素
6