641 lines
26 KiB
HTML
641 lines
26 KiB
HTML
<!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 月售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 月售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 月售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 月售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 月售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 月售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 月售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 月售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 月售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 月售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> |