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-18/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;
}

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

@@ -0,0 +1,292 @@
.header_menu {
background: #333;
height: 36px;
line-height: 36px;
}
.menu_center{
}
.menu_r {
}
.menu_r li{
float: left;
margin-right: 10px;
position: relative;
}
.menu_r li:hover .drop_menu{
display: block;
}
.menu_r li:last-child {
margin-right: 0;
}
.menu_r li a{
color: #ccc;
padding-right: 10px;
font-size: 12px;
border-right: 1px solid #5c5c5c;
}
.menu_r li:last-child a{
border-right: none;
}
.icon-shouji {
vertical-align: bottom;
}
.icon-down{
vertical-align: bottom;
}
.drop_menu {
position: absolute;
left: -9px;
display: none;
}
.drop_menu a {
border-right: none !important;
}
.drop_menu ul{
padding-top: 10px;
width: 76px;
overflow: hidden;
box-shadow: 1px 1px 3px #a7a3a3;
padding: 0 10px;
box-sizing: border-box;
position: absolute;
top: -2px;
}
.drop_menu ul li{
clear: both;
margin-right: 0;
line-height: 19px !important;
border-bottom: 1px solid #e4e0e0;
width: 100%;
text-align: center;
margin-bottom: 10px;
padding-bottom: 5px;
}
.drop_menu ul li:last-child {
border-bottom: none;
}
.drop_menu .sanjx {
width: 0px;
height: 0px;
border-top: 5px solid #ffff0000;
border-bottom: 5px solid white;
border-left: 5px solid #0000ff00;
border-right: 5px solid #ff000000;
position: absolute;
top: -12.5px;
left: 33px;
}
.drop_menu ul li a{
padding-right: 0;
}
.header_nav {
margin-top: 20px;
}
.nav_top_l {
height: 60px;
width: 212px;
background: url("https://yanxuan-static.nosdn.127.net/hxm/yanxuan-component/p/20170601/style/img/x1/icon-yxtop-s24d0453a5f-dba1cb6952.png?imageView&type=webp");
background-position: 0 -298px;
}
.nav_bottom {
}
.nav_bottom ul {}
.nav_bottom ul li {
float: left;
padding: 0 26px;
position: relative;
line-height: 35px;
}
.nav_bottom ul li:first-child {
padding-left: 0;
}
.nav_bottom ul li:last-child {
padding-right: 0;
}
.nav_bottom ul li a{}
.nav_bottom ul li:hover .dropdown_menu{
display: block;
}
.dropdown_menu {
width: 1100px;
position: absolute;
left: -100px;
top: 36px;
padding: 10px;
border: 1px solid #8d8d8d;
box-sizing: border-box;
overflow: hidden;
display: none;
background: #fff;
}
.item {
width: 128px;
margin-right: 23px;
}
.item h2 {
font-size: 16px;
border-bottom: 1px solid #a29f9f;
padding-bottom: 10px;
margin-bottom: 12px;
}
.item_list {
margin-bottom: 11px;
}
.item_list img {
width: 46px;
vertical-align: middle;
}
.item_list span {
color: #908c8c;
}
.banner {
height: 420px;
background: url("https://yanxuan.nosdn.127.net/c9a9289286628f83d8a6795a2a5593ab.jpg?type=webp&imageView&quality=95&thumbnail=1920x420");
background-position: center;
margin-top: 43px;
}
.limited_time {
margin: 20px 0;
padding: 20px 0;
}
.time_title {
margin-bottom: 20px;
}
.time_title h2 {
}
.time_title p {
}
.time_content {
width: 100%;
height: 429px;
}
.content_l {
width: 224px;
height: 100%;
text-align: center;
box-sizing: border-box;
padding-top: 60px;
background: url("https://yanxuan.nosdn.127.net/a0d0bd891ebb55308dbddda736ed53cc.png?imageView&type=webp");
}
.content_l h2{
color: #615548;
font-size: 28px;
margin-bottom: 11px;
}
.line {
width: 20px;
height: 2px;
margin: 0 auto 18px;
background: #61594b;
}
.block {
width: 40px;
height: 40px;
color: #fff;
font-size: 18px;
line-height: 40px;
text-align: center;
background-color: #615548;
}
.time_block {
width: 130px;
margin: 0 auto;
}
.time_block span{
line-height: 40px;
}
.view_all {
width: 110px;
height: 30px;
font-size: 14px;
text-align: center;
line-height: 30px;
background: #a7936e;
border-radius: 15px;
color: #fff;
margin: 0 auto;
margin-top: 20px;
}
.content_r {
width: 866px;
}
.content_r li {
float: left;
width: 433px;
height: 214px;
border: 1px solid #f0ece4;
border-left: none;
box-sizing: border-box;
}
.content_r li img{
width: 180px;
height: 180px;
float: left;
}
.content_r li .r_info{
width: 252px;
padding-top: 14px;
}
.r_info h2 {
font-size: 16px;
color: #666;
margin-bottom: 5px;
}
.r_info p {
font-size: 14px;
color: #999;
}
.r_info .progress {
margin: 6px 0 8px;
}
.r_info .progress span{
font-size: 14px;
color: #999;
margin-left: 15px;
}
.r_info .progress .progress_left{
width: 152px;
height: 10px;
border: 1px solid #f2cecd;
border-radius: 5px;
margin-top: 7px;
}
.progress_left .progress_back {
width: 125.25px;
background-color: #ffe5e5;
height: 10px;
}
.price {}
.price span:nth-child(1){
font-size: 14px;
color: #be4141;
}
.price span:nth-child(2){
font-size: 24px;
color: #be4141;
font-weight: bolder;
}
.price span:nth-child(3){
margin-left: 3px;
color: #999;
font-size: 14px;
text-decoration: line-through;
}
.submitQ {
width: 118px;
height: 31px;
line-height: 31px;
text-align: center;
background-color: #be4141;
color: #fff;
font-size: 16px;
border-radius: 2px;
margin-top: 18px;
}

15
历届学生/陈一航/2020-03-18/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;
}

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

@@ -0,0 +1,301 @@
<!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_1699820_kffci9w7jn.css">
<link rel="shortcut icon" href="https://you.163.com/favicon.ico?r=gold" type="image/x-icon" />
<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="">
<div class="header_menu">
<div class="w_1090 margin_auto">
<div class="menu_r right">
<ul>
<li>
<a href="">登录/注册</a>
</li>
<li>
<a href="">我的订单</a>
</li>
<li>
<a href="">
企业采购
<i class="iconfont icon-down"></i>
</a>
<div class="drop_menu">
<div class="sanjx"></div>
<ul>
<li><a href="">企业购</a></li>
<li><a href="">礼品卡</a></li>
<li><a href="">联系我们</a></li>
</ul>
</div>
</li>
<li>
<a href="">
<i class="iconfont icon-shouji"></i>
APP
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- 顶部黑色导航菜单 结束-->
<!-- 顶部白色导航不急 开始-->
<div class="header_nav">
<div class=" w_1090 margin_auto">
<div class="nav_top">
<div class="nav_top_l"></div>
<div class="nav_top_c"></div>
<div class="nav_top_r"></div>
</div>
<div class="nav_bottom">
<ul>
<li><a href="">首页</a></li>
<li>
<a href="">居家生活1</a>
<div class="dropdown_menu">
<div class="item left">
<h2>口碑好物</h2>
<div class="item_list">
<img src="https://yanxuan.nosdn.127.net/0dd4db7175684809f98db4a172568c22.jpg?quality=95&type=webp&imageView" alt="">
<span>温暖好物</span>
</div>
<div class="item_list">
<img src="https://yanxuan.nosdn.127.net/0dd4db7175684809f98db4a172568c22.jpg?quality=95&type=webp&imageView" alt="">
<span>温暖好物</span>
</div>
<div class="item_list">
<img src="https://yanxuan.nosdn.127.net/0dd4db7175684809f98db4a172568c22.jpg?quality=95&type=webp&imageView" alt="">
<span>温暖好物</span>
</div>
<div class="item_list">
<img src="https://yanxuan.nosdn.127.net/0dd4db7175684809f98db4a172568c22.jpg?quality=95&type=webp&imageView" alt="">
<span>温暖好物</span>
</div>
<div class="item_list">
<img src="https://yanxuan.nosdn.127.net/0dd4db7175684809f98db4a172568c22.jpg?quality=95&type=webp&imageView" alt="">
<span>温暖好物</span>
</div>
</div>
<div class="item left">
<h2>口碑好物</h2>
<div class="item_list">
<img src="https://yanxuan.nosdn.127.net/0dd4db7175684809f98db4a172568c22.jpg?quality=95&type=webp&imageView" alt="">
<span>温暖好物</span>
</div>
<div class="item_list">
<img src="https://yanxuan.nosdn.127.net/0dd4db7175684809f98db4a172568c22.jpg?quality=95&type=webp&imageView" alt="">
<span>温暖好物</span>
</div>
<div class="item_list">
<img src="https://yanxuan.nosdn.127.net/0dd4db7175684809f98db4a172568c22.jpg?quality=95&type=webp&imageView" alt="">
<span>温暖好物</span>
</div>
<div class="item_list">
<img src="https://yanxuan.nosdn.127.net/0dd4db7175684809f98db4a172568c22.jpg?quality=95&type=webp&imageView" alt="">
<span>温暖好物</span>
</div>
<div class="item_list">
<img src="https://yanxuan.nosdn.127.net/0dd4db7175684809f98db4a172568c22.jpg?quality=95&type=webp&imageView" alt="">
<span>温暖好物</span>
</div>
</div>
<div class="item left">
<h2>口碑好物</h2>
<div class="item_list">
<img src="https://yanxuan.nosdn.127.net/0dd4db7175684809f98db4a172568c22.jpg?quality=95&type=webp&imageView" alt="">
<span>温暖好物</span>
</div>
<div class="item_list">
<img src="https://yanxuan.nosdn.127.net/0dd4db7175684809f98db4a172568c22.jpg?quality=95&type=webp&imageView" alt="">
<span>温暖好物</span>
</div>
<div class="item_list">
<img src="https://yanxuan.nosdn.127.net/0dd4db7175684809f98db4a172568c22.jpg?quality=95&type=webp&imageView" alt="">
<span>温暖好物</span>
</div>
<div class="item_list">
<img src="https://yanxuan.nosdn.127.net/0dd4db7175684809f98db4a172568c22.jpg?quality=95&type=webp&imageView" alt="">
<span>温暖好物</span>
</div>
<div class="item_list">
<img src="https://yanxuan.nosdn.127.net/0dd4db7175684809f98db4a172568c22.jpg?quality=95&type=webp&imageView" alt="">
<span>温暖好物</span>
</div>
</div>
<div class="item left">
<h2>口碑好物</h2>
<div class="item_list">
<img src="https://yanxuan.nosdn.127.net/0dd4db7175684809f98db4a172568c22.jpg?quality=95&type=webp&imageView" alt="">
<span>温暖好物</span>
</div>
<div class="item_list">
<img src="https://yanxuan.nosdn.127.net/0dd4db7175684809f98db4a172568c22.jpg?quality=95&type=webp&imageView" alt="">
<span>温暖好物</span>
</div>
<div class="item_list">
<img src="https://yanxuan.nosdn.127.net/0dd4db7175684809f98db4a172568c22.jpg?quality=95&type=webp&imageView" alt="">
<span>温暖好物</span>
</div>
<div class="item_list">
<img src="https://yanxuan.nosdn.127.net/0dd4db7175684809f98db4a172568c22.jpg?quality=95&type=webp&imageView" alt="">
<span>温暖好物</span>
</div>
<div class="item_list">
<img src="https://yanxuan.nosdn.127.net/0dd4db7175684809f98db4a172568c22.jpg?quality=95&type=webp&imageView" alt="">
<span>温暖好物</span>
</div>
</div>
</div>
</li>
<li><a href="">居家生活2</a></li>
<li><a href="">居家生活3</a></li>
<li><a href="">居家生活4</a></li>
</ul>
</div>
</div>
</div>
<!-- 顶部白色导航不急 结束-->
<div class="banner">
<div class="w_1090">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
</div>
</div>
<div class="content">
<!-- 限时购 -->
<div class="limited_time">
<div class="w_1090 margin_auto">
<div class="time_title overflow">
<h2 class="left">限时购</h2>
<p class="right">更多抢购</p>
</div>
<div class="time_content">
<div class="content_l left">
<h2>18点结束</h2>
<div class="line"></div>
<div class="time_block overflow">
<div class="block left">00</div>
<span class="left">:</span>
<div class="block left">50</div>
<span class="left">:</span>
<div class="block left">13</div>
</div>
<div class="view_all">查看全部></div>
</div>
<ul class="content_r left">
<li>
<img src="https://yanxuan-item.nosdn.127.net/df3b083f7c42a6453fec121db61d0297.png?type=webp&imageView&thumbnail=180x180&quality=95" alt="">
<div class="r_info left">
<h2>美国加州甄选品质，原香大开心果 400克</h2>
<p>个大饱满，开口易剥</p>
<div class="progress">
<div class="progress_left left">
<div class="progress_back"></div>
</div>
<span>还剩167件</span>
</div>
<div class="price">
<span>限时价</span>
<span>￥82.8</span>
<span>￥88</span>
</div>
<div class="submitQ">立即抢购</div>
</div>
</li>
<li>
<img src="https://yanxuan-item.nosdn.127.net/df3b083f7c42a6453fec121db61d0297.png?type=webp&imageView&thumbnail=180x180&quality=95" alt="">
<div class="r_info left">
<h2>美国加州甄选品质，原香大开心果 400克</h2>
<p>个大饱满，开口易剥</p>
<div class="progress">
<div class="progress_left left">
<div class="progress_back"></div>
</div>
<span>还剩167件</span>
</div>
<div class="price">
<span>限时价</span>
<span>￥82.8</span>
<span>￥88</span>
</div>
<div class="submitQ">立即抢购</div>
</div>
</li>
<li>
<img src="https://yanxuan-item.nosdn.127.net/df3b083f7c42a6453fec121db61d0297.png?type=webp&imageView&thumbnail=180x180&quality=95" alt="">
<div class="r_info left">
<h2>美国加州甄选品质，原香大开心果 400克</h2>
<p>个大饱满，开口易剥</p>
<div class="progress">
<div class="progress_left left">
<div class="progress_back"></div>
</div>
<span>还剩167件</span>
</div>
<div class="price">
<span>限时价</span>
<span>￥82.8</span>
<span>￥88</span>
</div>
<div class="submitQ">立即抢购</div>
</div>
</li>
<li>
<img src="https://yanxuan-item.nosdn.127.net/df3b083f7c42a6453fec121db61d0297.png?type=webp&imageView&thumbnail=180x180&quality=95" alt="">
<div class="r_info left">
<h2>美国加州甄选品质，原香大开心果 400克</h2>
<p>个大饱满，开口易剥</p>
<div class="progress">
<div class="progress_left left">
<div class="progress_back"></div>
</div>
<span>还剩167件</span>
</div>
<div class="price">
<span>限时价</span>
<span>￥82.8</span>
<span>￥88</span>
</div>
<div class="submitQ">立即抢购</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer"></div>
</body>
</html>