245 lines
8.4 KiB
HTML
245 lines
8.4 KiB
HTML
<!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> |