first commit

历届学生/韩想/项目开发/课程项目/饿了么/css/clear.css

@@ -0,0 +1,16 @@
+/* 专门用来重置浏览器默认样式的 */
+body, p,ul,li,h1,h2,h3,h4,h5,h6,input{
+    margin: 0;
+    padding: 0;
+}
+
+input {
+    outline: none;
+}
+li {
+    list-style: none;
+}
+
+a {
+    text-decoration: none;
+}

历届学生/韩想/项目开发/课程项目/饿了么/css/index.css

@@ -0,0 +1,281 @@
+.header {
+    background-image: linear-gradient(90deg,#0af,#0085ff);
+    padding: 10px 14px;
+}
+.location {
+    height: 34.5px;
+    line-height: 34.5px;
+}
+.location i {
+     color: #fff;
+}
+.location span {
+    color: #fff;
+    font-size: 15px;
+}
+.content {
+    margin-bottom: 60px;
+}
+.content .type{
+    display: flex;
+    justify-content: space-around;
+    flex-wrap: wrap;
+    margin: 10px;
+}
+.content .item{
+    width: 20%;
+    text-align: center;
+    margin-bottom: 10px;
+}
+.content .item img{
+    width: 45px;
+    height: 45px;
+}
+.content .item p{
+    font-size: 12px;
+    color: #666;
+}
+.adv {
+    display: flex;
+    justify-content: space-between;
+    padding: 15px 18px;
+    background: linear-gradient(0deg,#f4f4f4 5%,#fafafa 95%);
+    margin: 0 14px;
+}
+.adv .adv_mess{
+    
+}
+.adv .adv_mess h3{
+    color: #333;
+    font-size: 17px;
+    margin-bottom: 5px;
+}
+.adv .adv_mess span {
+    color: #777;
+    font-size: 13px;
+    margin-bottom: 7px;
+
+}
+.adv .adv_mess p{
+    color: #af8260;
+    font-size: 12px;
+    font-weight: 700;
+}
+
+.adv .adv_img{
+    width: 141px;
+    height: 94px;
+}
+.vip {
+    background: linear-gradient(90deg,#ffefc4,#f3dda0);
+    display: flex;
+    justify-content: space-between;
+    margin: 0 14px;
+    padding: 0 18px;
+    height: 40px;
+    margin-top: 8px;
+    align-items: center;
+}
+.vip .vip_tips{
+    display: flex;
+    align-items: center;
+}
+.vip .vip_tips img{
+    width: 17px;
+    height: 17px;
+    margin-right: 7.5px;
+}
+.vip .vip_tips span{
+    color: #644f1b;
+    font-size: 14px;
+    font-weight: 700;
+    vertical-align: middle;
+    margin-right: 4px;
+}
+.vip .vip_tips label{
+    color: #644f1b;
+    font-size: 11px;
+    font-weight: 700;
+}
+
+.vip .vip_mes{
+    color: #644f1b;
+    font-size: 12px;
+}
+.vip i{
+    font-size: 12px;
+}
+
+
+.search {
+    display: inline-block;
+    width: 100%;
+    height: 36px;
+    line-height: 36px;
+    background: #fff;
+    text-align: center;
+}
+.search i{
+    color: #999;
+    font-size: 14px;
+}
+.search span{
+    color: #999;
+    font-size: 14px;
+}
+
+.screen {
+    display: flex;
+    justify-content: space-around;
+    padding: 0 18px;
+    align-items: center;
+    height: 52px;
+}
+.screen .screen_item{
+    width: 25%;
+}
+.screen .screen_item span{
+    font-size: 13px;
+    color: #666;
+}
+.screen .screen_item i{
+    font-size: 12px;
+    color: #b6b2b2;
+}
+
+.food .list_item{
+    display: flex;
+    justify-content: space-between;
+    padding: 0 18px;
+    margin-bottom: 23px;
+}
+.food .list_item .item_left{
+    width: 64px;
+    height: 64px;
+    margin-right: 10px;
+}
+.food .list_item .item_right{
+    width: calc(100% - 74px);
+}
+.food .list_item .r_title{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 5px;
+    width: 95%;
+}
+.food .list_item .r_title .title{
+    font-size: 15px;
+    font-weight: 700;
+    color: #333;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    width: 91%;
+}
+.food .list_item .r_title .icon-down{
+    font-size: 12px;
+}
+
+.food .list_item .comment{
+    margin-bottom: 5px;
+}
+.food .list_item .comment img{}
+.food .list_item .comment span{
+    font-size: 12px;
+    color: #666;
+}
+
+.food .list_item .time{
+    display: flex;
+    justify-content: space-between;
+    width: 95%;
+}
+.food .list_item .time span{
+   
+}
+
+.food .list_item .time .time_left,
+.food .list_item .time .time_right{
+    font-size: 12px;
+    color: #666;
+}
+
+.food .list_item .tip{
+    margin-top: 5px;
+}
+.food .list_item .tip .tip_item{
+    width: 26px;
+    height: 14px;
+    text-align: center;
+    line-height: 15px;
+    font-size: 10px;
+    color: rgb(102, 102, 102);
+    border: 1px solid rgb(221, 221, 221);
+    padding: 1px 7px;
+    border-radius: 3px;
+}
+
+.food .list_item .discount {
+    margin-top: 20px;
+    
+}
+.food .list_item .discount .discount_item{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+.food .list_item .discount p{
+    width: 15px;
+    height: 15px;
+    border-radius: 4px;
+    background: rgb(240, 115, 115);
+    color: #fff;
+    text-align: center;
+    font-size: 10px;
+    line-height: 15px;
+    padding: 2px;
+    transform: scale(0.8);
+}
+.food .list_item .discount span{
+    font-size: 12px;
+    color: #ccc;
+    width: 100%;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+.discount_item .item_lefts{
+    display: flex;
+    width: 70%;
+}
+.discount_item .item_rights {
+    display: flex;
+}
+.item_rights .icon-play {
+    font-size: 10px;
+    color: #ccc;
+    transform: scale(0.6);
+}
+
+.footer {
+    position: fixed;
+    width: 100%;
+    height: 50px;
+    background: #fff;
+    display: flex;
+    justify-content: space-around;
+    bottom: 0;
+    box-shadow: rgba(0, 0, 0, 0.1) 0px -2px 4px;
+    align-items: center;
+}
+.footer_item {
+    text-align: center;
+}
+.footer_item i{
+    font-size: 18px;
+}
+.footer_item p{
+    font-size: 12px;
+    color: #8e8e93;
+}

历届学生/韩想/项目开发/课程项目/饿了么/css/public.css

@@ -0,0 +1,22 @@
+/* 存放公共css的 */
+.theme_red {
+    color: blue;
+}
+
+.left {
+    float: left;
+}
+
+.right {
+    float: right;
+}
+
+.w-1200 {
+   width: 1200px;
+   margin: 0 auto; 
+}
+
+.center {
+    text-align: center;
+}
+

历届学生/韩想/项目开发/课程项目/饿了么/img/comment.svg

@@ -0,0 +1 @@
+<svg width="60" height="10" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="0%" y1="50%" y2="50%" id="a"><stop stop-color="#FFDE00" offset="0%"/><stop stop-color="#FFB000" offset="100%"/></linearGradient></defs><path d="M54.017 8.072l-2.552 1.561c-.476.291-.758.096-.626-.455l.696-2.909-2.273-1.944c-.424-.362-.325-.691.239-.736l2.982-.237L53.63.589c.213-.515.557-.523.774 0l1.146 2.763 2.982.237c.556.044.67.368.24.736l-2.274 1.944.696 2.91c.13.542-.143.75-.626.454l-2.551-1.56zm-48 0L3.465 9.633c-.476.291-.758.096-.626-.455l.696-2.909-2.273-1.944c-.424-.362-.325-.691.239-.736l2.982-.237L5.63.589c.213-.515.557-.523.774 0L7.55 3.352l2.982.237c.556.044.67.368.24.736L8.497 6.269l.696 2.91c.13.542-.143.75-.626.454l-2.551-1.56zm12 0l-2.552 1.561c-.476.291-.758.096-.626-.455l.696-2.909-2.273-1.944c-.424-.362-.325-.691.239-.736l2.982-.237L17.63.589c.213-.515.557-.523.774 0l1.146 2.763 2.982.237c.556.044.67.368.24.736l-2.274 1.944.696 2.91c.13.542-.143.75-.626.454l-2.551-1.56zm12 0l-2.552 1.561c-.476.291-.758.096-.626-.455l.696-2.909-2.273-1.944c-.424-.362-.325-.691.239-.736l2.982-.237L29.63.589c.213-.515.557-.523.774 0l1.146 2.763 2.982.237c.556.044.67.368.24.736l-2.274 1.944.696 2.91c.13.542-.143.75-.626.454l-2.551-1.56zm12 0l-2.552 1.561c-.476.291-.758.096-.626-.455l.696-2.909-2.273-1.944c-.424-.362-.325-.691.239-.736l2.982-.237L41.63.589c.213-.515.557-.523.774 0l1.146 2.763 2.982.237c.556.044.67.368.24.736l-2.274 1.944.696 2.91c.13.542-.143.75-.626.454l-2.551-1.56z" fill="url(#a)" fill-rule="evenodd"/></svg>

历届学生/韩想/项目开发/课程项目/饿了么/index.html

@@ -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>