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

7
历届学生/陈一航/2020-03-25/css/clear.css Normal file
View File

@@ -0,0 +1,7 @@
body,ul,li,h1,h2,h3,h4,h5,h6,p,a,input{
list-style: none;
text-decoration: none;
margin: 0;
padding: 0;
outline: none;
}

231
历届学生/陈一航/2020-03-25/css/index.css Normal file
View File

@@ -0,0 +1,231 @@
.footer {
position: fixed;
width: 100%;
height: 45px;
bottom: 0;
background-color: #fff;
left: 0;
padding-top: 2px;
box-sizing: border-box;
z-index: 9999999;
}
.footer ul {
display: flex;
justify-content: space-around;
align-items: center;
}
.footer ul li{
display: flex;
flex-direction: column;
text-align: center;
}
.footer ul img{
width: 30px;
}
.footer ul span{
font-size: 12px;
color: #999;
}
.footer::before {
content: '';
position: absolute;
width: 100%;
top:0;
left: 0;
height: 1px;
background: #dbdada;
transform: scaleY(0.5);
}
.header {
width: 100%;
height: 50px;
box-sizing: border-box;
background: #1C1B20;
padding: 0 10px;
position: fixed;
left: 0;
top: 0;
display: flex;
justify-content: space-between;
align-items: center;
z-index: 9999999;
}
.header .left_location {
display: flex;
align-items: center;
width: 50%;
}
.left_location div {
font-size: 16px;
color: #fff;
margin-left: 4px;
margin-right: 2px;
}
.left_location::before {
content: "";
width: 15px;
height: 15px;
background-image: url("../img/location.png");
background-size: cover;
}
.left_location::after {
content: "";
width: 15px;
height: 15px;
background-image: url("../img/right.png");
background-size: cover;
}
.header input {
width: 52%;
height: 30px;
border-radius: 100px;
padding: 0 30px;
box-sizing: border-box;
background: #fff url("../img/search.png") no-repeat;
background-size: 15px;
background-position: 8px center;
}
.content {
margin-top: 50px;
margin-bottom: 45px;
}
.menu_list {
display: flex;
flex-wrap: wrap;
padding-top: 13px;
}
.menu_list li {
width: 20%;
text-align: center;
margin-bottom: 12px;
}
.menu_list li img{
width: 44px;
}
.menu_list li p{
font-size: 11px;
color: #333;
}
.shop_title {
position: relative;
text-align: center;
font-size: 17px;
color: #333;
margin-top: 15px;
margin-bottom: 5px;
}
.shop_title::before{
content: '';
position: absolute;
height: 1px;
width: 60px;
background: #666;
transform: scale(0.5);
left: 50%;
margin-left: -90px;
top: 50%;
margin-top: -0.5px;
}
.shop_title::after{
content: '';
position: absolute;
height: 1px;
width: 60px;
background: #666;
transform: scale(0.5);
right: 50%;
margin-right: -90px;
top: 50%;
margin-top: -0.5px;
}
.shop_list .list_top{
height: 40px;
display: flex;
align-items: center;
justify-content: space-around;
position: relative;
margin-bottom: 20px;
}
.list_top::before {
content: '';
position: absolute;
width: 100%;
top:0;
left: 0;
height: 1px;
background: #dbdada;
transform: scaleY(0.5);
}
.list_top::after {
content: '';
position: absolute;
width: 100%;
bottom:0;
left: 0;
height: 1px;
background: #dbdada;
transform: scaleY(0.5);
}
.list_top li {
font-size: 14px;
color: #666;
}
.list_top li:nth-child(4){
width: 1px;
height: 20px;
background: #dbdada;
}
.list_content li {
display: flex;
justify-content: space-between;
padding: 0 10px;
box-sizing: border-box;
align-items: center;
margin-bottom: 20px;
}
.content_l {
display: flex;
}
.content_l img {
width: 76px;
height: 57px;
margin-right: 8px;
border: 1px solid #e4e4e4;
}
.l_text h2 {
font-size: 16px;
color: #333;
}
.wjx {
display: inline-block;
}
.wjx span {
width: 10px;
height: 10px;
display: inline-block;
background: url("../img/wjx.png") no-repeat;
background-position: 0 0;
background-size: cover;
}
.a {
margin-left: 4px;
}
.b {
margin-left: 10px;
}
.a,.b{
font-size: 11px;
color: #333;
}
.content_time span,
.text_b span{
font-size: 11px;
color: #333;
}

15
历届学生/陈一航/2020-03-25/css/public.css Normal file
View File

@@ -0,0 +1,15 @@
.w_1090 {
width: 1090px;
}
.right {
float: right;
}
.left {
float: left;
}
.margin_auto {
margin: 0 auto;
}
.overflow {
overflow: hidden;
}

BIN
历届学生/陈一航/2020-03-25/img/iii.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 84 KiB

BIN
历届学生/陈一航/2020-03-25/img/ircon_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
历届学生/陈一航/2020-03-25/img/ircon_2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 388 B

BIN
历届学生/陈一航/2020-03-25/img/ircon_3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
历届学生/陈一航/2020-03-25/img/item_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.9 KiB

BIN
历届学生/陈一航/2020-03-25/img/location.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 736 B

BIN
历届学生/陈一航/2020-03-25/img/right.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 227 B

BIN
历届学生/陈一航/2020-03-25/img/search.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 955 B

BIN
历届学生/陈一航/2020-03-25/img/wjx.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 572 B

284
历届学生/陈一航/2020-03-25/index.html Normal file
View File

@@ -0,0 +1,284 @@
<!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">
</head>
<body>
<div class="header">
<div class="left_location">
<div>信旺·华府骏苑</div>
</div>
<input type="text" placeholder="请输入商家或商品...">
</div>
<div class="content">
<!-- 九宫格菜单 -->
<ul class="menu_list">
<li>
<img src="./img/item_1.png" alt="">
<p>美食</p>
</li>
<li>
<img src="./img/item_1.png" alt="">
<p>美食</p>
</li>
<li>
<img src="./img/item_1.png" alt="">
<p>美食</p>
</li>
<li>
<img src="./img/item_1.png" alt="">
<p>美食</p>
</li>
<li>
<img src="./img/item_1.png" alt="">
<p>美食</p>
</li>
<li>
<img src="./img/item_1.png" alt="">
<p>美食</p>
</li>
<li>
<img src="./img/item_1.png" alt="">
<p>美食</p>
</li>
<li>
<img src="./img/item_1.png" alt="">
<p>美食</p>
</li>
<li>
<img src="./img/item_1.png" alt="">
<p>美食</p>
</li>
<li>
<img src="./img/item_1.png" alt="">
<p>美食</p>
</li>
</ul>
<div class="shop_title">
附近商家
</div>
<div class="shop_list">
<ul class="list_top">
<li>综合排序</li>
<li>销量最高</li>
<li>距离最近</li>
<li></li>
<li>筛选</li>
</ul>
<ul class="list_content">
<li>
<div class="content_l">
<img src="./img/iii.jpg" alt="">
<div class="l_text">
<h2>唯你一生花店</h2>
<div class="text_xl">
<div class="wjx">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
<span class="a">4.6</span>
<span class="b">月售22</span>
</div>
<div class="text_b">
<span>起送 ¥0</span>
<span>配送 ¥0</span>
</div>
</div>
</div>
<div class="content_time">
<span>2小时</span>
<span>30.9KM</span>
</div>
</li>
<li>
<div class="content_l">
<img src="./img/iii.jpg" alt="">
<div class="l_text">
<h2>唯你一生花店</h2>
<div class="text_xl">
<div class="wjx">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
<span class="a">4.6</span>
<span class="b">月售22</span>
</div>
<div class="text_b">
<span>起送 ¥0</span>
<span>配送 ¥0</span>
</div>
</div>
</div>
<div class="content_time">
<span>2小时</span>
<span>30.9KM</span>
</div>
</li>
<li>
<div class="content_l">
<img src="./img/iii.jpg" alt="">
<div class="l_text">
<h2>唯你一生花店</h2>
<div class="text_xl">
<div class="wjx">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
<span class="a">4.6</span>
<span class="b">月售22</span>
</div>
<div class="text_b">
<span>起送 ¥0</span>
<span>配送 ¥0</span>
</div>
</div>
</div>
<div class="content_time">
<span>2小时</span>
<span>30.9KM</span>
</div>
</li>
<li>
<div class="content_l">
<img src="./img/iii.jpg" alt="">
<div class="l_text">
<h2>唯你一生花店</h2>
<div class="text_xl">
<div class="wjx">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
<span class="a">4.6</span>
<span class="b">月售22</span>
</div>
<div class="text_b">
<span>起送 ¥0</span>
<span>配送 ¥0</span>
</div>
</div>
</div>
<div class="content_time">
<span>2小时</span>
<span>30.9KM</span>
</div>
</li>
<li>
<div class="content_l">
<img src="./img/iii.jpg" alt="">
<div class="l_text">
<h2>唯你一生花店</h2>
<div class="text_xl">
<div class="wjx">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
<span class="a">4.6</span>
<span class="b">月售22</span>
</div>
<div class="text_b">
<span>起送 ¥0</span>
<span>配送 ¥0</span>
</div>
</div>
</div>
<div class="content_time">
<span>2小时</span>
<span>30.9KM</span>
</div>
</li>
<li>
<div class="content_l">
<img src="./img/iii.jpg" alt="">
<div class="l_text">
<h2>唯你一生花店</h2>
<div class="text_xl">
<div class="wjx">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
<span class="a">4.6</span>
<span class="b">月售22</span>
</div>
<div class="text_b">
<span>起送 ¥0</span>
<span>配送 ¥0</span>
</div>
</div>
</div>
<div class="content_time">
<span>2小时</span>
<span>30.9KM</span>
</div>
</li>
<li>
<div class="content_l">
<img src="./img/iii.jpg" alt="">
<div class="l_text">
<h2>唯你一生花店</h2>
<div class="text_xl">
<div class="wjx">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
<span class="a">4.6</span>
<span class="b">月售22</span>
</div>
<div class="text_b">
<span>起送 ¥0</span>
<span>配送 ¥0</span>
</div>
</div>
</div>
<div class="content_time">
<span>2小时</span>
<span>30.9KM</span>
</div>
</li>
</ul>
</div>
</div>
<div class="footer">
<ul>
<li><img src="./img/ircon_1.png" alt=""><span>首页</span></li>
<li><img src="./img/ircon_2.png" alt=""><span>订单</span></li>
<li><img src="./img/ircon_3.png" alt=""><span>我的</span></li>
</ul>
</div>
</body>
</html>