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

128
历届学生/front-end-team/项目练习/学生项目/李康/css作业/hao123.html Normal file
View File

@@ -0,0 +1,128 @@
<!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>
</head>
<style>
* {
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
border: none;
outline: none;
}
.header {
width: 1190px;
height: 46px;
}
.center {
text-align: center;
}
.center a{
width: 125px;
margin-right: 18px;
height: 40px;
float: left;
}
.center a img {
width: 125px;
margin-left: 18px;
height: 40px;
float: left;
}
.content .search {
height: 40px;
width: 544px;
border-radius: 10px 0 0 10px;
border: 2px solid #4E6EF2;
position: relative;
}
.content .search input {
width: 443px;
}
.instructions {
position: absolute;
}
.right p{
background-color: #4E6EF2;
border: 2px solid #4E6EF2;
line-height: 40px;
width: 112px;
float: left;
text-align: center;
}
.number {
width: 20px;
position: absolute;
top: 10px;
right: 0;
background-color: #F5f5f6;
color: #9195a3;
line-height: 20px;
margin-right: 10px;
border-radius: 50%;
}
</style>
<body>
<div class="content">
<div class="center">
<a href="https://www.baidu.com/?tn=sitehao123&H123Tmp=nunew11">
<img src="https://dss2.bdstatic.com/5bVYsj_p_tVS5dKfpU_Y_D3/res/r/image/2021-3-4/hao123%20logo.png"
alt="">
</a>
<div class="search">
<input type="text" placeholder="啊啊啊啊">
<div class="instructions">
<span>网页</span>
<i class="open"></i>
</div>
<div class="number">3</div>
</div>
<div class="right">
<div class="word">
<p>百度一下</p>
</div>
</div>
</div>
</div>
</body>
</html>

33
历届学生/front-end-team/项目练习/学生项目/李康/css作业/待收货/clear.css Normal file
View File

@@ -0,0 +1,33 @@
/* 清除浏览器默认的css样式 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
p {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
a {
text-decoration: none;
}
input,
button,
textarea {
outline: none;
border: none;
}
body {
font-size: 0px;
}

BIN
历届学生/front-end-team/项目练习/学生项目/李康/css作业/待收货/img/-e-返回.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
历届学生/front-end-team/项目练习/学生项目/李康/css作业/待收货/img/arrow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
历届学生/front-end-team/项目练习/学生项目/李康/css作业/待收货/img/bread.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

BIN
历届学生/front-end-team/项目练习/学生项目/李康/css作业/待收货/img/house.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
历届学生/front-end-team/项目练习/学生项目/李康/css作业/待收货/img/interface-.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
历届学生/front-end-team/项目练习/学生项目/李康/css作业/待收货/img/sousuo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

325
历届学生/front-end-team/项目练习/学生项目/李康/css作业/待收货/index.html Normal file
View File

@@ -0,0 +1,325 @@
<!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="./rem.js"></script>
<link rel="stylesheet" href="./clear.css">
<style>
.pa {
margin-left: 0.32rem;
}
.header {
height: 1rem;
background-color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
position: fixed;
width: 100%;
top: 0;
left: 0;
box-sizing: border-box;
z-index: 999;
}
.header img {
width: 0.2rem;
height: 0.35rem;
margin-right: 0.48rem;
}
.text {
width: 6.31rem;
height: 0.6rem;
background-color: #f2f2f2;
border-radius: 0.3rem;
display: flex;
align-items: center;
position: relative;
}
.text img {
width: 0.32rem;
height: 0.34rem;
position: absolute;
left: 0.24rem;
}
.text input {
position: absolute;
left: 0.74rem;
background-color: #f2f2f2;
font-size: 0.26rem;
}
.content {
margin-top: 1rem;
}
ul {
height: 0.94rem;
background-color: #ffffff;
display: flex;
align-items: center;
justify-content: space-between;
margin-left: 0.36rem;
overflow-x: scroll;
}
ul li {
font-size: 0.3rem;
color: #424242;
}
ul li:nth-child(6) {
padding-right: 0.4rem;
}
ul .active {
border-bottom: solid 0.04rem #5697f4;
color: #5697f4;
}
.theme_top {
display: flex;
align-items: center;
justify-content: space-between;
}
.theme_top .title {
height: 0.73rem;
margin-top: 0.14rem;
display: flex;
align-items: center;
margin-bottom: 0.3rem;
}
.theme_top .title .house {
width: 0.24rem;
height: 0.25rem;
border: solid 0.01rem #9a9da3;
margin-right: 0.18rem;
}
.theme_top .title span {
font-size: 0.26rem;
color: #333333;
margin-right: 0.18rem;
font-weight: bold;
}
.theme_top .title .inter {
width: 0.1rem;
height: 0.18rem;
border: solid 0.01rem #c7c7c7;
}
.theme_top .sh {
font-size: 0.26rem;
color: #5697f4;
margin-right: 0.36rem;
margin-top: 0.22 rem;
}
.det {}
.det .introduce {
height: 1.8rem;
display: flex;
}
.det .introduce img {
width: 1.36rem;
height: 1.37rem;
margin-left: 0.35rem;
}
.det .introduce .det_text {
margin-left: 0.24rem;
}
.det .det_text .det_name {
font-size: 0.3rem;
color: #444444;
margin-bottom: 0.3rem;
}
.det .det_text .det_flavor {
font-size: 0.24rem;
color: #aaaaaa;
}
.det .det_text .det_ooo {
position: relative;
}
.det .det_ooo .det_Price {
font-size: 0.3rem;
color: #000000;
font-weight: bold;
margin-bottom: 0.17rem;
margin-left: 0.29rem;
}
.det .det_ooo .det_quan {
font-size: 0.24rem;
color: #aaaaaa;
position: absolute;
right: 0.4rem;
}
.det .det_ooo .det_but {
font-size: 0.3rem;
color: #000000;
font-weight: bold;
margin-bottom: 0.17rem;
margin-left: 0.59rem;
}
.det p {
font-size: 0.24rem;
color: #000000;
text-align: right;
margin-right: 0.28rem;
margin-bottom: 0.2rem;
}
.det .aaa{
display: flex;
align-items: center;
justify-content: right;
margin-right: 0.26rem;
}
.det .aaa .sqth {
width: 1.28rem;
height: 0.46rem;
border-radius: 0.23rem;
border: solid 0.01rem #dddddd;
font-size: 0.24rem;
color: #888888;
display: flex;
align-items: center;
justify-content: center;
margin-right: 0.12rem;
}
.det .aaa .qrsh {
width: 1.28rem;
height: 0.46rem;
border-radius: 0.23rem;
border: solid 0.01rem #5697f4;
font-size: 0.24rem;
color: #5697f4;
display: flex;
align-items: center;
justify-content: center;
}
</style>
</head>
<body>
<div class="header">
<img src="./img/arrow.png" alt="">
<div class="text">
<img src="./img/sousuo.png" alt="">
<input type="text" placeholder="搜索我的订单">
</div>
</div>
<div class="content">
<ul class="pa">
<li>全部</li>
<li>待付款</li>
<li>待发货</li>
<li class="active">待收货</li>
<li>待评价</li>
<li>已完成</li>
<li>售后</li>
</ul>
<div class="theme_top pa">
<div class="title">
<img class="house" src="./img/house.png" alt="">
<span>面包自营</span>
<img class="inter" src="./img/interface-.png" alt="">
</div>
<span class="sh">待收货</span>
</div>
<div class="det">
<div class="introduce">
<img src="./img/bread.png" alt="">
<div class="det_text">
<div class="det_name">包子芝麻小蛋糕美味香脆新品
<br>正品包邮
</div>
<div class="det_flavor">独立包装+原味</div>
</div>
<div class="det_ooo">
<div class="det_Price">￥38.8</div>
<div class="det_quan">x1</div>
</div>
</div>
<div class="introduce">
<img src="./img/bread.png" alt="">
<div class="det_text">
<div class="det_name">包子奶酪蛋糕美味新品正品
<br>包邮发货
</div>
<div class="det_flavor">整箱x24+奶酪</div>
</div>
<div class="det_ooo">
<div class="det_but">￥61.2</div>
<div class="det_quan ">x1</div>
</div>
</div>
<p>共2件商品，合计：￥100.00 (含运费￥0.00)</p>
<div class="aaa">
<div class="sqth">申请退换</div>
<div class="qrsh">确认收货</div>
</div>
</div>
</div>
</div>
</body>
</html>

11
历届学生/front-end-team/项目练习/学生项目/李康/css作业/待收货/rem.js Normal file
View File

@@ -0,0 +1,11 @@
window.onload = function () {
getRem(750, 100)
};
window.onresize = function () {
getRem(750, 100)
};
function getRem(pwidth, prem) {
var html = document.getElementsByTagName("html")[0];
var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
html.style.fontSize = oWidth / pwidth * prem + "px";
}

34
历届学生/front-end-team/项目练习/学生项目/李康/css作业/登录/clear.css Normal file
View File

@@ -0,0 +1,34 @@
/* 清除浏览器默认的css样式 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
p {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
a {
text-decoration: none;
}
input,
button,
textarea {
outline: none;
border: none;
}
body {
font-size: 0px;
}

BIN
历届学生/front-end-team/项目练习/学生项目/李康/css作业/登录/img/left.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

143
历届学生/front-end-team/项目练习/学生项目/李康/css作业/登录/index.html Normal file
View File

@@ -0,0 +1,143 @@
<!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="./rem.js"></script>
<link rel="stylesheet" href="./clear.css">
<style>
.pa {
margin-left: 0.6rem;
margin-right: 0.6rem;
}
.header {
height: .9rem;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
display: flex;
align-items: center;
justify-content: flex-start;
margin-left: 0.21rem;
position: relative
}
.header img {
width: 0.2rem;
height: 0.35rem;
position: absolute;
}
.content {
margin-top: 1.5rem;
}
.content .record {
font-size: 0.54rem;
color: black;
font-weight: bold;
}
.content ul {
margin-top: 1.23rem;
}
.content ul li {
}
.content ul li input {
border-bottom: solid 0.01rem #e8e8e8;
margin-bottom: 0.7rem;
font-size: 0.36rem;
}
.content .re {
width: 6.3rem;
height: 0.98rem;
background-color: #5697f4;
border-radius: 0.49rem;
font-size: 0.34rem;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
margin-top: 0.6rem;
margin-bottom: 0.55rem;
}
.content .indicate .mima {
display: flex;
align-items: center;
justify-content: space-between;
}
.content .mima .forget {
font-size: 0.28rem;
color: #666666;
}
.content .mima .tips {
font-size: 0.28rem;
color: #666666;
}
.content .mima .register {
font-size: 0.28rem;
color: #5697f4;
}
</style>
</head>
<body>
<div class="header">
<img src="./img/left.png" alt="">
</div>
<div class="content">
<div class="record pa ">登录</div>
<ul class="pa">
<li>
<input type="number" placeholder="请输入账号">
</li>
<li>
<input type="text" placeholder="请输入密码">
</li>
</ul>
<div class="re pa">登录</div>
<div class="indicate pa">
<div class="mima ">
<span class="forget">忘记密码？</span>
<div class="mimaa">
<span class="tips">忘记账号？</span>
<span class="register">立即注册</span>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

11
历届学生/front-end-team/项目练习/学生项目/李康/css作业/登录/rem.js Normal file
View File

@@ -0,0 +1,11 @@
window.onload = function () {
getRem(750, 100)
};
window.onresize = function () {
getRem(750, 100)
};
function getRem(pwidth, prem) {
var html = document.getElementsByTagName("html")[0];
var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
html.style.fontSize = oWidth / pwidth * prem + "px";
}

34
历届学生/front-end-team/项目练习/学生项目/李康/css作业/退款/clear.css Normal file
View File

@@ -0,0 +1,34 @@
/* 清除浏览器默认的css样式 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
p {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
a {
text-decoration: none;
}
input,
button,
textarea {
outline: none;
border: none;
}
body {
font-size: 0px;
}

BIN
历届学生/front-end-team/项目练习/学生项目/李康/css作业/退款/img/left.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
历届学生/front-end-team/项目练习/学生项目/李康/css作业/退款/img/zhong.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

105
历届学生/front-end-team/项目练习/学生项目/李康/css作业/退款/index.html Normal file
View File

@@ -0,0 +1,105 @@
<!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="./rem.js"></script>
<link rel="stylesheet" href="./clear.css">
<style>
.header {
height: .9rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.header img {
width: 0.15rem;
height: 0.29rem;
margin-left: 0.35rem;
}
.header span {
font-weight: bold;
font-size: 0.34rem;
color: #1b1b1b;
margin-right: 0.35rem;
}
.content {
display: flex;
align-items: center;
margin-top: 1.85rem;
flex-direction: column;
}
.content img {
width: 1.6rem;
height: 2.04rem;
}
.content .text{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.content .text .conduct {
font-size: 0.34rem;
color: #2b2b2b;
margin-top: 0.52rem;
}
.content .text .handle {
font-size: 0.28rem;
color: #aaaaaa;
margin-top: 0.53rem;
}
.content .text .revoke {
width: 5.8rem;
height: 0.66rem;
background-color: #5697f4;
border-radius: 0.33rem;
font-size: 0.28rem;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
margin-top: 0.72rem;
}
</style>
</head>
<body>
<div class="header">
<img src="./img/left.png" alt="">
<span>退款进度</span>
<div></div>
</div>
<div class="content">
<img src="./img/zhong.png" alt="">
<div class="text">
<div class="conduct">259.98元，退款中</div>
<div class="handle">请耐心等待商家处理退款申请</div>
<div class="revoke">撤销申请</div>
</div>
</div>
</body>
</html>

11
历届学生/front-end-team/项目练习/学生项目/李康/css作业/退款/rem.js Normal file
View File

@@ -0,0 +1,11 @@
window.onload = function () {
getRem(750, 100)
};
window.onresize = function () {
getRem(750, 100)
};
function getRem(pwidth, prem) {
var html = document.getElementsByTagName("html")[0];
var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
html.style.fontSize = oWidth / pwidth * prem + "px";
}

117
历届学生/front-end-team/项目练习/学生项目/李康/css作业/音乐.html Normal file
View File

@@ -0,0 +1,117 @@
<!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>
<style>
* {
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
border: none;
outline: none;
}
.content{
text-align: center;}
.menu_top h1{
margin-bottom: 15px;
padding-bottom: 10px;
}
.select{
display: inline-block;
margin: 10px;
height: 50px;
}
.select li{
float: left;
margin: 0 24px;
font-size: 15px;
}
.inner.bbbb{
text-align: center;
float: left;
}
.inner.bbbb ul {
float: left;
}
.inner.bbbb ul img{
float: left;
}
.inner.bbbb ul span{
}
</style>
</head>
<body>
<div class="content">
<div class="center">
<div class="menu_top">
<h1>歌单推荐</h1>
<ul class=" select">
<li>为你推荐</li>
<li>网络歌曲</li>
<li>温柔人声</li>
<li>ktv热歌</li>
<li>官方歌单</li>
<li>情歌</ul>
</div>
<div class="inner">
<div class="bbbb">
<ul>
<li>
<img src="https://qpic.y.qq.com/music_cover/IkIkVNibvYCHRF36fb0BNHQKIdKUjZgkuicic0K0zVFichrhwyJMl5neTA/300?n=1" alt="">
<span>治愈 | 眼里藏星河，笑里藏月光</span>
<span>播放量：27.3万</span>
</li>
<li>
<img src="https://qpic.y.qq.com/music_cover/bmKcECW38Nrj4ZJJKJS5Ku0lzel04mR9ORhHVUhUfBssbGWViaG8HKg/300?n=1" alt="">
<span>治愈 | 眼里藏星河，笑里藏月光</span>
<span>播放量：27.3万</span>
</li>
<li>
<img src="https://qpic.y.qq.com/music_cover/HbLJMw6wKWEWoQyBy4IhB1EU008sF3VdGy4AZybubXur5qrcInl7Yw/300?n=1" alt="">
<span>治愈 | 眼里藏星河，笑里藏月光</span>
<span>播放量：27.3万</span>
</li>
<li>
<img src="https://qpic.y.qq.com/music_cover/oMphCibDIicibO3i…PnIvIZEIRiaZibQmLcibdfxmFw5qib554icCzojRA/300?n=1" alt="">
<span>治愈 | 眼里藏星河，笑里藏月光</span>
<span>播放量：27.3万</span>/p>
</li>
<li>
<img src="https://qpic.y.qq.com/music_cover/or9WvCN6ENQ50YuvJ76Qfiba7MPk46sKDFnxUibvdBWBbsWWKZq9FMXw/300?n=1" alt="">
<span>治愈 | 眼里藏星河，笑里藏月光</span>
<span>播放量：27.3万</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>