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

88
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/1-75.html Normal file
View File

@@ -0,0 +1,88 @@
<!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">
<link rel="stylesheet" href="./css/1-75.css">
<title>Document</title>
</head>
<body>
<div class="header">
<img src="./img/fh.png" alt="">
<div class="header_center">详情</div>
<div class="header_right"></div>
</div>
<div class="content">
<div class="content_wait">待发货</div>
<div class="content_new">
<div class="content_top">
<img src="./img/75dw.png" alt="">
<div class="content_top_right">
<div class="test">测试</div>
<div class="number">15000000000</div>
<div class="add">北京市 市辖区 朝阳区 123123</div>
</div>
</div>
<div class="content_bottom">
<img src="./img/75pl.png" alt="">
<div class="content_bottom_right">
<div class="content_bottom_words">买家留言</div>
<div class="content_bottom_test">测试</div>
</div>
</div>
</div>
<div class="content_wait_urse">
<div class="content_wait_urse_top">
<div class="content_wait_urse_left">
<img src="./img/75tx.png" alt="">
<div class="content_wait_urse_name">test014</div>
</div>
<ul class="content_wait_urse_right">
<li>打电话</li>
<li class="wait_new">发消息</li>
</ul>
</div>
<div class="content_wait_urse_center">
<img src="./img/75cp.png" alt="">
<div class="content_wait_urse_center_text">
<div class="content_wait_text_top">
<div class="content_wait_text_top_left">本人做淘宝店铺一件代发的 本人做淘宝店铺一件代发的
</div>
<div class="content_wait_text_top_right">￥0.01</div>
</div>
<div class="content_wait_text_bottom">
<div class="content_wait_text_bottom_left">颜色：如图色 尺码：均码</div>
<div class="content_wait_text_bottom_right">X1</div>
</div>
</div>
</div>
<div class="content_wait_urse_bottom">
共计3件，实收款： <span>￥354.00</span> （含邮费：￥0.00）
</div>
</div>
<ul class="content_infor">
<li class="content_infor_top">
<div class="content_infor_left"> <span>订 单号：</span> 1000000000</div>
<div class="content_infor_right">复制</div>
</li>
<li><span>下单时间：</span>18-12-12 10：00：00</li>
<li><span>支付时间：</span>18-12-12 10：00：00</li>
<li><span>支付方式：</span>微信</li>
<li><span>发货时间：</span>18-12-12 10：00：00</li>
<li><span>完成时间：</span>18-12-12 10：00：00</li>
<li class="content_infor_top">
<div class="content_infor_bottom"><span>备注信息：</span>fff</div>
<img src="./img/right.png" alt="">
</li>
</ul>
<div class="content_goods">发货</div>
</div>
</body>
<script src="./js/js.js"></script>
</html>

95
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/1-80.html Normal file
View File

@@ -0,0 +1,95 @@
<!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">
<link rel="stylesheet" href="./css/1-80.css">
<title>Document</title>
</head>
<body>
<div class="header">
<img class="header_left" src="./img/fh.png" alt="">
<div class="header_center">全部粉丝（200）</div>
<div class="header_right"></div>
</div>
<ul class="content">
<li class="content_ueser">
<div class="content_ueser_left">
<img src="./img/fstx.png" alt="">
<div class="content_ueser_left_name">A孙先森</div>
</div>
<div class="content_ueser_right">
<div class="content_ueser_look">关注</div>
<img src="./img/yuan.png" alt="">
</div>
</li>
<li class="content_ueser">
<div class="content_ueser_left">
<img src="./img/fstx.png" alt="">
<div class="content_ueser_left_name">A孙先森</div>
</div>
<div class="content_ueser_right">
<div>已关注</div>
<img src="./img/yuan.png" alt="">
</div>
</li>
<li class="content_ueser">
<div class="content_ueser_left">
<img src="./img/fstx.png" alt="">
<div class="content_ueser_left_name">A孙先森</div>
</div>
<div class="content_ueser_right">
<div>已关注</div>
<img src="./img/yuan.png" alt="">
</div>
</li>
<li class="content_ueser">
<div class="content_ueser_left">
<img src="./img/fstx.png" alt="">
<div class="content_ueser_left_name">A孙先森</div>
</div>
<div class="content_ueser_right">
<div>已关注</div>
<img src="./img/yuan.png" alt="">
</div>
</li>
<li class="content_ueser">
<div class="content_ueser_left">
<img src="./img/fstx.png" alt="">
<div class="content_ueser_left_name">A孙先森</div>
</div>
<div class="content_ueser_right">
<div>已关注</div>
<img src="./img/yuan.png" alt="">
</div>
</li>
<li class="content_ueser">
<div class="content_ueser_left">
<img src="./img/fstx.png" alt="">
<div class="content_ueser_left_name">A孙先森</div>
</div>
<div class="content_ueser_right">
<div>已关注</div>
<img src="./img/yuan.png" alt="">
</div>
</li>
<li class="content_ueser">
<div class="content_ueser_left">
<img src="./img/fstx.png" alt="">
<div class="content_ueser_left_name">A孙先森</div>
</div>
<div class="content_ueser_right">
<div>已关注</div>
<img src="./img/yuan.png" alt="">
</div>
</li>
</ul>
</body>
<script src="./js/js.js"></script>
</html>

70
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/1-83.html Normal file
View File

@@ -0,0 +1,70 @@
<!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">
<link rel="stylesheet" href="./css/1-83.css">
<title>Document</title>
</head>
<body>
<div class="header">
<img src="./img/fh.png" alt="">
<div class="header_center">积分充值</div>
<div class="header_right"></div>
</div>
<div class="content">
<div class="content_top">
<div class="content_text">当前积分：</div>
<div class="content_num">300</div>
</div>
<div class="content_center">
<div class="content_center_top">
<div class="content_center_top_right">自定义数量</div>
<div class="content_center_top_left">请输入积分充值数量</div>
</div>
<ul class="content_center_bottom">
<li class="content_bottom_color">
<span>6元</span>
<p>（6积分）</p>
</li>
<li>
<span>18元</span>
<p>（18积分）</p>
</li>
<li>
<span>30元</span>
<p>（30积分）</p>
</li>
<li>
<span>50元</span>
<p>（50积分）</p>
</li>
<li>
<span>98元</span>
<p>（98积分）</p>
</li>
<li>
<span>198元</span>
<p>（198积分）</p>
</li>
</ul>
</div>
<div class="content_mode">
<div class="content_mode_top">
<div class="content_mode_left">充值方式</div>
<div class="content_mode_right">
<img class="content_mode_pic" src="./img/nongy.png" alt="">
<div class="content_mode_text">农业银行储蓄卡（5555）</div>
<img class="content_mode_pic2" src="./img/right2.png" alt="">
</div>
</div>
<div class="content_mode_bottom">去充值</div>
</div>
</div>
</body>
<script src="./js/js.js"></script>
</html>

259
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/css/1-75.css Normal file
View File

@@ -0,0 +1,259 @@
body{
margin: 0;
padding: 0;
font-size: 0;
background: #f5f5f9;
}
li{
list-style: none;
}
ul,li{
margin: 0;
padding: 0
}
.header{
z-index: 99;
left: 0;
top: 0;
width: 100%;
height: 1rem;
display: flex;
position: fixed ;
box-sizing: border-box;
justify-content:space-between;
align-items: center;
background: #fff;
padding: 0 0.3rem 0 0.3rem;
}
.header img{
width: 0.19rem;
height: 0.34rem;
}
.header_center{
font-size: 0.34rem;
color: #333333;
}
.header_right{
width: 0.19rem;
height: 0.34rem;
}
.content{
margin-top:1rem;
}
.content_wait{
display: flex;
justify-content: center;
align-items: center;
width: 7.5rem;
height: 2.32rem;
background: url(../img/75bj.png);
background-size: cover;
font-size: 0.42rem;
color: #ffffff;
}
.content_new{
height: 3.65rem;
margin-top: 0.24rem;
background: #fff;
padding:0 0.8rem 0 0.27rem;
box-sizing: border-box;
}
.content_top{
display: flex;
height: 2.09rem;
align-items: center;
border-bottom: 0.02rem solid #f5f5f9;
}
.content_top img{
width: 0.27rem;
height: 0.34rem;
margin-right: 0.27rem;
}
.content_top_right{
flex: 1;
box-sizing: border-box;
}
.test{
font-size: 0.28rem;
color: #393939;
}
.number{
font-size: 0.28rem;
color: #393939;
margin: 0.24rem 0 0.26rem 0;
}
.add{
box-sizing: border-box;
font-size: 0.24rem;
color: #393939;
}
.content_bottom{
height: 1.45rem;
display: flex;
align-items: center;
}
.content_bottom img{
width: 0.36rem;
height: 0.34rem;
margin-right: 0.2rem;
}
.content_bottom_words{
font-size: 0.28rem;
color: #393939;
}
.content_bottom_test{
font-size: 0.24rem;
color: #393939;
margin-top: 0.2rem;
}
.content_wait_urse{
height: 3.76rem;
margin-top: 0.19rem;
background: #fff;
padding-top: 0.2rem;
box-sizing: border-box;
}
.content_wait_urse_top{
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 0.28rem 0 0.28rem;
box-sizing: border-box;
}
.content_wait_urse_top img{
width: 0.58rem;
height: 0.58rem;
margin-right: 0.19rem;
}
.content_wait_urse_left{
display: flex;
align-items: center;
}
.content_wait_urse_name{
font-size: 0.34rem;
color: #080808;
}
.content_wait_urse_right{
display: flex;
}
.content_wait_urse_right li{
display: flex;
align-items: center;
justify-content: center;
width: 1.2rem;
height: 0.48rem;
border-radius: 0.24rem;
border: solid 0.02rem #0084f1;
font-size: 0.24rem;
color: #0084f1;
}
.wait_new{
margin-left: 0.3rem;
}
.content_wait_urse_center{
display: flex;
padding: 0.44rem 0.28rem 00.2rem 0.25rem;
box-sizing: border-box;
border-bottom: 0.01rem solid #f5f5f9;
}
.content_wait_urse_center img{
width: 1.52rem;
height: 1.52rem;
padding-right: 0.28rem;
}
.content_wait_text_top{
display: flex;
}
.content_wait_text_top_left{
font-size: 0.24rem;
color: #333333;
margin-right: 0.4rem;
}
.content_wait_text_top_right{
font-size: 0.28rem;
color: #333333;
}
.content_wait_text_bottom{
display: flex;
margin-top: 0.49rem;
justify-content: space-between;
}
.content_wait_text_bottom_left{
font-size: 0.24rem;
color: #979797;
}
.content_wait_text_bottom_right{
font-size: 0.28rem;
color: #333333;
}
.content_wait_urse_bottom{
display: flex;
height: 0.82rem;
justify-content: flex-end;
padding-right: 0.35rem;
box-sizing: border-box;
font-size: 0.24rem;
color: #333333;
align-items: center;
}
.content_wait_urse_bottom span{
font-size: 0.24rem;
color: #ff0b00;
}
.content_infor span{
font-size: 0.3rem;
color: #666666;
}
.content_infor{
margin-top: 0.2rem;
height: 4.83rem;
background: #fff;
display: flex;
flex-direction:column;
justify-content:space-between;
padding: 0.54rem 0.28rem 0.5rem 0.28rem;
}
.content_infor li{
font-size: 0.3rem;
color: #333333;
}
.content_infor_top{
display: flex;
justify-content: space-between;
}
.content_infor_right{
display: flex;
align-items: center;
justify-content: center;
width: 1.04rem;
height: 0.43rem;
border-radius: 0.02rem;
border: solid 0.01rem #d5d5d5;
font-size: 0.24rem;
color: #333333;
}
.content_infor img{
width: 0.19rem;
height: 0.34rem;
}
.content_goods{
display: flex;
justify-content: center;
align-items: center;
width: 6.5rem;
height: 0.8rem;
background-color: #5697f4;
border-radius: 0.4rem;
font-size: 0.34rem;
color: #ffffff;
margin: 0.41rem 0.5rem 0.41rem 0.5rem;
}

95
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/css/1-80.css Normal file
View File

@@ -0,0 +1,95 @@
body{
margin: 0;
padding: 0;
font-size: 0;
background:#f7f5f5;
}
ul,li{
margin: 0;
padding: 0;
}
li{
list-style: none;
}
.header{
z-index: 99;
left: 0;
top: 0;
width: 100%;
height: 1rem;
background:#fff;
position: fixed;
display: flex;
justify-content: space-between;
align-items:center;
padding: 0 0.24rem;
box-sizing: border-box;
}
.header_left{
width: 0.15rem;
height: 0.28rem;
}
.header_center{
font-size: 0.36rem;
color: #333333;
}
.header_right{
width: 0.15rem;
height: 0.28rem;
}
.content{
margin-top: 1.01rem;
background: #fff;
padding: 0 0.25rem;
box-sizing: border-box;
}
.content_ueser{
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 0.01rem solid #f7f5f5;
height: 1.41rem;
background: #fff;
}
.content_ueser_left{
display: flex;
}
.content_ueser_left img{
width: 0.72rem;
height: 0.72rem;
margin-right: 0.25rem;
}
.content_ueser_left_name{
font-size: 0.28rem;
color: #333333;
}
.content_ueser_right{
display:flex;
align-items: center;
}
.content_ueser_right .content_ueser_look{
border: solid 0.01rem #498af5;
color: #498af5;
}
.content_ueser_right div{
display: flex;
align-items: center;
justify-content: center;
width: 1.2rem;
height: 0.63rem;
border-radius: 0.05rem;
border: solid 0.01rem #e1e1e1;
font-size: 0.28rem;
color: #aaaaaa;
margin-right: 0.18rem;
}
.content_ueser_right img{
width: 0.25rem;
height: 0.06rem;
}

167
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/css/1-83.css Normal file
View File

@@ -0,0 +1,167 @@
body{
margin: 0;
padding: 0;
font-size: 0;
background: #f5f5f9;
}
ul,li,p{
margin: 0;
padding: 0;
}
.header {
z-index: 99;
left: 0;
top: 0;
width: 100%;
height: 1rem;
display: flex;
position: fixed ;
box-sizing: border-box;
padding: 0 0.3rem;
justify-content:space-between;
align-items: center;
background: #fff;
}
.header img{
width: 0.19rem;
height: 0.34rem;
}
.header_center{
font-size: 0.34rem;
color: #333333;
}
.header_right{
width: 0.19rem;
height: 0.34rem;
}
.content{
margin-top: 1.01rem;
}
.content_top{
height: 1.72rem;
display: flex;
align-items: center;
justify-content: space-between;
background: #fff;
padding: 0 0.4rem 0 0.27rem;
box-sizing: border-box;
margin-bottom: 0.1rem;
}
.content_text{
font-size: 0.34rem;
color: #333333;
}
.content_num{
font-size: 0.36rem;
color: #f09c48;
}
.content_center_top{
height: 1.17rem;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding: 0 0.28rem 0 0.29rem;
background: #fff;
margin-bottom: 0.01rem;
}
.content_center_top_right{
font-size: 0.34rem;
color: #000000;
}
.content_center_top_left{
font-size: 0.32rem;
color: #bfbfbf;
}
.content_center_bottom{
height: 3.66rem;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding: 0 0.24rem 0 0.24rem;
box-sizing: border-box;
background: #fff;
margin-bottom: 0.1rem;
}
.content_center_bottom .content_bottom_color{
border: solid 0.02rem #5697f4;
}
.content_center_bottom .content_bottom_color span{
font-size: 0.32rem;
color: #5697f4;
}
.content_center_bottom .content_bottom_color p{
font-size: 0.24rem;
color: #5697f4;
}
.content_center_bottom li{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 2.22rem;
height: 1.21rem;
background-color: #ffffff;
border-radius: 0.1rem;
border: solid 0.01rem #c1c1c1;
box-sizing: border-box;
}
.content_center_bottom span{
padding-bottom: 0.19rem;
font-size: 0.32rem;
color: #6c6c6c;
}
.content_center_bottom p{
font-size: 0.24rem;
color: #6c6c6c;
}
.content_mode{
height: 5.52rem;
background: #fff;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.content_mode_top{
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.28rem 0.32rem 0 0.3rem;
}
.content_mode_left{
font-size: 0.34rem;
color: #1b1b1b;
}
.content_mode_right{
display: flex;
justify-content: flex-end;
align-items: center;
box-sizing: border-box;
}
.content_mode_pic{
width: 0.32rem;
height: 0.32rem;
}
.content_mode_text{
font-size: 0.28rem;
color: #1b1b1b;
padding: 0 0.2rem 0 0.11rem;
}
.content_mode_pic2{
width: 0.1rem;
height: 0.19rem;
}
.content_mode_bottom{
display: flex;
align-items: center;
justify-content: center;
width: 7.2rem;
height: 0.88rem;
background-color: #5697f4;
font-size: 0.34rem;
color: #ffffff;
margin: 0 0.15rem 0.2rem 0.15rem;
}

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/75bj.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 99 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/75cp.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/75dw.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/75pl.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/75tx.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.1 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/beij.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 67 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/dp.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/fh.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/fstx.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.4 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/hm_bg_img_no.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/left.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/left1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/nongy.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/pht1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/pht2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/right copy.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/right.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/right2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/se1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/yuan.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/z.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

11
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/js/js.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";
}