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

9
历届学生/front-end-team-10/项目练习/学生项目/冯凯/作业/2.17橱窗作业/css/clear.css Normal file
View File

@@ -0,0 +1,9 @@
/* 清除浏览器默认样式的css代码 */
body,ul,input,li,a,p{
margin: 0;
padding: 0;
border: none;
outline: none;
list-style: none;
text-decoration: none;
}

225
历届学生/front-end-team-10/项目练习/学生项目/冯凯/作业/2.17橱窗作业/css/hong.css Normal file
View File

@@ -0,0 +1,225 @@
body{
background-color: #fbfcfd;
}
.header{
display: flex;
justify-content: space-between;
align-items: center;
background-color: #37b2ff;
height: 1.57rem;
box-sizing: border-box;
padding: 0 0.3rem;
}
.header img{
width: 0.19rem;
height: 0.34rem;
}
.header .money{
font-family: PingFang-SC-Bold;
font-size: 0.34rem;
color: #ffffff;
}
.content .menu{
display: flex;
height: 1.59rem;
align-items: center;
padding: 0 0.24rem;
box-sizing: border-box;
background: #fff;
border-radius: 0.2rem 0.2rem 0rem 0rem;
position: relative;
bottom: 0.2rem;
/* margin-bottom: 0.18rem; */
}
.content .menu img{
width: 0.25rem;
height: 0.27rem;
margin-right: 0.15rem;
}
.content .menu p{
font-family: PingFang-SC-Medium;
font-size: 0.24rem;
line-height: 0.38rem;
letter-spacing: 0.005rem;
color: #333333;font-weight: 600;
}
.phone{
display: flex;
flex-direction: column;
padding: 0 0.24rem;
box-sizing: border-box;
background: #fff;
height: 1.15rem;
padding-top: 0.27rem;
}
.phone .top{
display: flex;
}
.phone .top img{
width: 0.27rem;
height: 0.31rem;
margin-right: 0.16rem;
}
.phone .top p{
font-family: PingFang-SC-Bold;
font-size: 0.26rem;
letter-spacing: 0.005rem;
color: #000000;
font-weight: 600;
}
.add{
font-family: PingFang-SC-Medium;
font-size: 0.22rem;
letter-spacing: 0.004rem;
color: #666666;
margin-left: 0.43rem;
margin-top: 0.1rem;
}
.logo{
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 0.43rem;
box-sizing: border-box;
background-color: #fff;
margin-top: 0.16rem;
padding-bottom: 0.25rem;
/* border-bottom: 0.01rem solid #e9e3e3; */
}
.logo img{
width: 1.31rem;
height: 1.32rem;
}
.logo .red{
display: flex;
flex-direction: column;
margin-left: 0.24rem;
margin-right: 0.6rem;
align-items: baseline;
}
.logo .red p{
font-family: PingFang-SC-Medium;
font-size: 0.24rem;
letter-spacing: 0.005rem;
color: #1b1b1b;
}
.logo .red .red_b{
font-family: PingFang-SC-Medium;
font-size: 0.2rem;
color: #2b2b2b;
border-radius: 0.1rem;
border: solid 0.01rem #f5f5f5;
}
.logo .prince{
display: flex;
flex-direction: column;
align-items: end;
}
.logo .prince .prince_t{
font-family: AdobeHeitiStd-Regular;
font-size: 0.24rem;
letter-spacing: 0.005rem;
color: #1b1b1b;
padding-right: 0.57rem;
}
.logo .prince .prince_m{
font-family: PingFang-SC-Regular;
font-size: 0.2rem;
letter-spacing: 0.004rem;
color: #aaaaaa;
padding-right: 0.59rem;
}
.logo .prince .prince_b{
font-family: PingFang-SC-Regular;
font-size: 0.2rem;
letter-spacing: 0.004rem;
color: #2b2b2b;
border-radius: 0.19rem;
border: solid 0.01rem #eeeeee;
margin-right: 0.54rem;
}
.desc {
background-color: #fff;
border-top: 0.01rem solid #e9e3e3;
}
.desc li {
display: flex;
justify-content: space-between;
padding-left: 0.4rem;
padding-right: 0.54rem;
margin-top: 0.19rem;
}
.desc li span {
font-family: PingFang-SC-Regular;
font-size: 0.24rem;
letter-spacing: 0.004rem;
color: #aaaaaa;
}
.desc li .one{
font-family: PingFang-SC-Regular;
font-size: 0.24rem;
letter-spacing: 0.004rem;
color: #0a0a0a;
font-weight: 600;
}
.desc li .two{
font-family: PingFang-SC-Medium;
font-size: 0.24rem;
letter-spacing: 0.005rem;
color: #ff7b41;
font-weight: 600;
}
.desc li:last-child{
background-color: #fbfcfd;
background-color: #fbfcfd;
height: 0.49rem;
line-height: 0.49rem;
margin-bottom: 0.19rem;
border-bottom: 0.01rem solid #e9e3e3;
}
.miss{
display: flex;
flex-direction: column;
height: 1.56rem;
justify-content: center;
box-sizing: border-box;
padding: 0 0.36rem;
position: relative;
background-color: #fff;
}
.miss .miss_t{
font-family: PingFang-SC-Medium;
font-size: 0.24rem;
letter-spacing: 0.005rem;
color: #1b1b1b;
font-weight: 600;
margin-left: 0.30rem;
padding: 0.22rem 0;
}
.miss .miss_b{
border-top: 0.01rem solid #e9e3e3;
font-family: PingFang-SC-Regular;
font-size: 0.24rem;
letter-spacing: 0.004rem;
color: #737373;
padding-top: 0.21rem;
}
.miss .miss_t::before{
position: absolute;
content: "";
width: 0.04rem;
height: 0.28rem;
background-color: #ff7b41;
left: .5rem;
top: 50%;
transform: translateY(-150%);
}

208
历届学生/front-end-team-10/项目练习/学生项目/冯凯/作业/2.17橱窗作业/css/list.css Normal file
View File

@@ -0,0 +1,208 @@
body{
background-color: #f2f2f6;
}
.header{
display: flex;
justify-content: space-between;
align-items: center;
height: 0.9rem;
padding-left: 0.21rem;
padding-right: 0.3rem;
box-sizing: border-box;
background-color: #fff;
}
.header img{
width: 0.2rem;
height: 0.35rem;
}
.header .search{
display: flex;
position: relative;
}
.header .search img{
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 0.32rem;
height: 0.34rem;
left: 0.24rem;
/* background-color: #333333; */
}
.header .search input{
font-size: .26rem;
color: #808080;
width: 6.31rem;
height: 0.6rem;
background-color: #f2f2f2;
border-radius: 0.3rem;
padding-left: 0.74rem;
box-sizing: border-box;
}
.menu{
display: flex;
height: 0.94rem;
align-items: center;
overflow: scroll;
width: 100%;
background-color: #fff;
margin-bottom: 0.12rem;
}
.menu li{
width: 16%;
flex: none;
}
.menu li .text{
font-family: SimHei;
font-size: 0.3rem;
color: #424242;
}
.menu .active{
padding-left: 0.34rem;
position: relative;
}
.menu .active::after{
content: "";
width: 0.31rem;
height: 0.04rem;
background-color: #5697f4;
position: absolute;
left: 45%;
transform: translateX(-50%);
bottom: -0.28rem;
}
.content{
background-color: #fff;
margin-bottom: 0.12rem;
border-radius: 0.1rem;
}
.content .desc{
display: flex;
justify-content: space-between;
align-items: center;
height: 0.73rem;
padding-left: 0.28rem;
padding-right: 0.35rem;
box-sizing: border-box;
}
.content .title{
display: flex;
/* justify-content: space-between; */
align-items: center;
}
.content .title .img_1{
width: 0.32rem;
height: 0.32rem;
/* border: solid 0.01rem #9a9da3; */
}
.content .title .title_text{
font-family: PingFang-SC-Bold;
font-size: 0.26rem;
letter-spacing: 0.006rem;
line-height: 0.2rem;
color: #333333;
font-weight: 600;
margin: 0 0.18rem;
}
.content .title .img_2{
width: 0.1rem;
height: 0.18rem;
/* background-color: #999999; */
/* border: solid 0.01rem #c7c7c7; */
}
.content .follow{
font-family: PingFang-SC-Medium;
font-size: 0.26rem;
color: #5697f4;
}
.logo li{
display: flex;
justify-content: space-between;
box-sizing: border-box;
padding-left: 0.35rem;
padding-right: 0.3rem;
margin-bottom: 0.22rem;
}
.logo li img{
width: 1.36rem;
height: 1.37rem;
}
.logo li .logo_text{
display: flex;
flex-direction: column;
box-sizing: border-box;
}
.logo li .logo_text p{
font-family: PingFang-SC-Medium;
font-size: 0.3rem;
line-height: 0.44rem;
letter-spacing: 0rem;
color: #444444;
}
.logo li .logo_text span{
font-family: PingFang-SC-Medium;
font-size: 0.24rem;
color: #aaaaaa;
margin-top: 0.15rem;
}
.logo li .logo_prince{
display: flex;
flex-direction: column;
align-items: end;
}
.logo li .logo_prince p{
font-family: PingFang-SC-Medium;
font-size: 0.3rem;
color: #000000;
}
.logo li .logo_prince span{
font-family: PingFang-SC-Medium;
font-size: 0.24rem;
color: #aaaaaa;
margin-top: 0.15rem;
}
.all{
display: flex;
justify-content: end;
flex-direction: column;
align-items: end;
margin-right: 0.28rem;
}
.all p{
font-family: PingFang-SC-Medium;
font-size: 0.24rem;
color: #000000;
}
.all .drop{
display: flex;
margin-top: 0.2rem;
box-sizing: border-box;
margin-bottom: 0.26rem;
}
.all .drop .drop_l{
font-family: PingFang-SC-Medium;
font-size: 0.24rem;
color: #888888;
border-radius: 0.23rem;
border: solid 0.01rem #dddddd;
padding: 0 0.17rem;
margin-right: 0.11rem;
}
.all .drop .drop_r{
font-family: PingFang-SC-Medium;
font-size: 0.24rem;
color: #5697f4;
border-radius: 0.23rem;
border: solid 0.01rem #5697f4;
padding: 0 0.41rem;
}

128
历届学生/front-end-team-10/项目练习/学生项目/冯凯/作业/2.17橱窗作业/css/recod.css Normal file
View File

@@ -0,0 +1,128 @@
body {
display: flex;
flex-direction: column;
height: 100vh;
font-size: 0;
}
.header{
background-color: #ffffff;
display: flex;
justify-content: space-between;
width: 100%;
height: .9rem;
top: 0.22rem;
padding:0 0.3rem;
align-items: center;
box-sizing: border-box;
/* position: fixed; */
}
.header img{
width: 0.19rem;
height: 0.34rem;
/* background-color: #333333; */
}
.header .record{
font-family: PingFang-SC-Bold;
font-size: 0.34rem;
color: #333333;
}
.content{
flex: 1;
background-color: #eeeef3;
}
.info li{
display: flex;
align-items: center;
justify-content: space-between;
background-color: #ffffff;
border-radius: 0.1rem;
/* margin: 0.23rem 0.24rem; */
box-sizing: border-box;
margin: 0 0.24rem;
padding-left:0.37rem;
padding-right: 0.41rem;
}
.info li:nth-child(1){
margin: 0.23rem 0.24rem!important;
height: 1.01rem;
}
.info li:nth-child(2){
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
height: 1.01rem;
border-bottom: 0.02rem solid #f0f0f4;
}
.info li:nth-child(3){
height: 100%;
border-radius: 0;
border-bottom: 0.02rem solid #f0f0f4;
}
.info li:nth-child(4){
border-top-left-radius: 0px;
border-top-right-radius: 0px;
height: 100%;
}
.info li .date{
font-family: PingFang-SC-Medium;
font-size: 0.28rem;
color: #949494;
/* padding-left: 0.37rem; */
}
.info li .info_con{
display: flex;
align-items: center;
}
.info li .info_con .info_text{
font-family: PingFang-SC-Medium;
font-size: 0.28rem;
color: #949494;
margin-right: 0.27rem;
}
.info li .info_con img{
/* padding-right: 0.41rem; */
width: 0.2rem;
height: 0.11rem;
/* background-color: #979797; */
}
.info li .title .title_t{
font-family: PingFang-SC-Medium;
font-size: 0.34rem;
color: #333333;
padding-bottom: 0.17rem;
margin-top: 0.34rem;
}
.info li .title .title_m{
padding-bottom: 0.19rem;
font-family: PingFang-SC-Medium;
font-size: 0.2rem;
color: #949494;
}
.info li .title .title_b{
font-family: PingFang-SC-Medium;
font-size: 0.2rem;
color: #949494;
margin-bottom: 0.27rem;
}
.info li .desc{
display: flex;
flex-direction: column;
align-items: end
}
.info li .desc .desc_t{
font-family: PingFang-SC-Medium;
font-size: 0.3rem;
color: #333333;
padding-bottom: 0.19rem;
}
.info li .desc .desc_b{
font-family: PingFang-SC-Medium;
font-size: 0.2rem;
color: #949494;
margin-bottom: 0.38rem;
}

58
历届学生/front-end-team-10/项目练习/学生项目/冯凯/作业/2.17橱窗作业/css/xiezi.css Normal file
View File

@@ -0,0 +1,58 @@
body{
background: #fbfbfd;
}
.header{
display: flex;
justify-content: space-between;
padding: 0 0.42rem;
box-sizing: border-box;
align-items: center;
height: .9rem;
background: #fff;
}
.header img{
width: 0.15rem;
height: 0.29rem;
}
.header .text{
font-family: PingFang-SC-Bold;
font-size: 0.34rem;
color: #333333;
font-weight: 600;
}
.content{
display: flex;
justify-content: space-between;
padding: 0 0.25rem;
flex-wrap: wrap;
}
.content li{
width: 3.4rem;
height: 5rem;
display: flex;
flex-direction: column;
margin-top: 0.2rem;
box-sizing: border-box;
background-color: #fff;
}
.content li img{
width: 3.4rem;
height: 3.4rem;
background-color: #e8fffe;
border-radius: 0.1rem 0.1rem 0rem 0rem;
margin-bottom: 0.19rem;
}
.content li .text_t{
font-family: PingFang-SC-Medium;
font-size: 0.24rem;
color: #3f3f3f;
margin-bottom: 0.26rem;
}
.content li .text_b{
font-family: PingFang-SC-Bold;
font-size: 0.28rem;
color: #ff7b41;
}

BIN
历届学生/front-end-team-10/项目练习/学生项目/冯凯/作业/2.17橱窗作业/img/-e-(.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/冯凯/作业/2.17橱窗作业/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-10/项目练习/学生项目/冯凯/作业/2.17橱窗作业/img/bao.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/冯凯/作业/2.17橱窗作业/img/e_bottom.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/冯凯/作业/2.17橱窗作业/img/e_left.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/冯凯/作业/2.17橱窗作业/img/e_top.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/冯凯/作业/2.17橱窗作业/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-10/项目练习/学生项目/冯凯/作业/2.17橱窗作业/img/menu.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/冯凯/作业/2.17橱窗作业/img/photo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 231 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/冯凯/作业/2.17橱窗作业/img/red.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/冯凯/作业/2.17橱窗作业/img/right.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/冯凯/作业/2.17橱窗作业/img/search.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/冯凯/作业/2.17橱窗作业/img/shop.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/冯凯/作业/2.17橱窗作业/img/top.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/冯凯/作业/2.17橱窗作业/img/white.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/冯凯/作业/2.17橱窗作业/img/搜索.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

91
历届学生/front-end-team-10/项目练习/学生项目/冯凯/作业/2.17橱窗作业/口红.html Normal file
View File

@@ -0,0 +1,91 @@
<!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 type="text/javascript">
(function (w, d) {
function setSize() {
// 获取屏幕的宽度 375px
var screenWidth = d.documentElement.clientWidth;
// 根据规则计算 html 的font-size数值
var currentFontSize = screenWidth * 100 / 750;
// 修改html上的font-size
d.documentElement.style.fontSize = currentFontSize + 'px';
}
w.addEventListener('resize', setSize);
w.addEventListener('pageShow', setSize)
w.addEventListener('DOMContentLoaded', setSize)
})(window, document)
</script>
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/hong.css">
</head>
<body>
<div class="header">
<img src="./img/white.png" alt="">
<div class="money">待付款</div>
<div></div>
</div>
<div class="content">
<div class="menu">
<img src="./img/menu.png" alt="">
<p>订单等待买家付款！</p>
</div>
<div class="phone">
<div class="top">
<img src="./img/top.png" alt="">
<p>姓名 130****0000</p>
</div>
<div class="add">安徽省合肥市蜀山区松芝万象城</div>
</div>
<div class="logo">
<img src="./img/red.png" alt="">
<div class="red">
<p>【大牌驾到】MAC魅可柔美系列
口红魅可柔列口红魅可柔</p>
<div class="red_b">
大红色
</div>
</div>
<div class="prince">
<div class="prince_t">¥100.00</div>
<div class="prince_m">X1</div>
<div class="prince_b">待付款</div>
</div>
</div>
<ul class="desc">
<li>
<span>商品总价</span>
<span>¥100.00</span>
</li>
<li>
<span>商品总价</span>
<span>¥100.00</span>
</li>
<li>
<span>商品总价</span>
<span>¥100.00</span>
</li>
<li>
<span class="one">实付款</span>
<span class="two">¥100.00</span>
</li>
</ul>
<div class="miss">
<div class="miss_t">订单信息</div>
<div class="miss_b">下单时间：2019-01-01 16：00</div>
</div>
</div>
<div class="footer"></div>
</body>
</html>

80
历届学生/front-end-team-10/项目练习/学生项目/冯凯/作业/2.17橱窗作业/账户记录.html Normal file
View File

@@ -0,0 +1,80 @@
<!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 type="text/javascript">
(function (w, d) {
function setSize() {
// 获取屏幕的宽度 375px
var screenWidth = d.documentElement.clientWidth;
// 根据规则计算 html 的font-size数值
var currentFontSize = screenWidth * 100 / 750;
// 修改html上的font-size
d.documentElement.style.fontSize = currentFontSize + 'px';
}
w.addEventListener('resize', setSize);
w.addEventListener('pageShow', setSize)
w.addEventListener('DOMContentLoaded', setSize)
})(window, document)
</script>
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/recod.css">
</head>
<body>
<div class="header">
<img src="./img/-e-(.png" alt="">
<div class="record">账户提现记录</div>
<div></div>
</div>
<div class="content">
<ul class="info">
<li>
<div class="date">2016-01</div>
<div class="info_con">
<div class="info_text">提现：50.00</div>
<img src="./img/e_bottom.png" alt="">
</div>
</li>
<li>
<div class="date">2014-08</div>
<div class="info_con">
<div class="info_text">提现：5,001.00</div>
<img src="./img/e_top.png" alt="">
</div>
</li>
<li>
<div class="title">
<div class="title_t">余额提现</div>
<div class="title_m">中国工商银行（3452）</div>
<div class="title_b">08-19 18:12</div>
</div>
<div class="desc">
<div class="desc_t">1.00</div>
<div class="desc_b">手续费 0.00元</div>
</div>
</li>
<li>
<div class="title">
<div class="title_t">余额提现</div>
<div class="title_m">中国工商银行（3452）</div>
<div class="title_b">08-19 18:12</div>
</div>
<div class="desc">
<div class="desc_t">1.00</div>
<div class="desc_b">手续费 0.00元</div>
</div>
</li>
<li></li>
</div>
</ul>
</body>
</html>

151
历届学生/front-end-team-10/项目练习/学生项目/冯凯/作业/2.17橱窗作业/面包.html Normal file
View File

@@ -0,0 +1,151 @@
<!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 type="text/javascript">
(function (w, d) {
function setSize() {
// 获取屏幕的宽度 375px
var screenWidth = d.documentElement.clientWidth;
// 根据规则计算 html 的font-size数值
var currentFontSize = screenWidth * 100 / 750;
// 修改html上的font-size
d.documentElement.style.fontSize = currentFontSize + 'px';
}
w.addEventListener('resize', setSize);
w.addEventListener('pageShow', setSize)
w.addEventListener('DOMContentLoaded', setSize)
})(window, document)
</script>
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/list.css">
</head>
<body>
<div class="header">
<img src="./img/e_left.png" alt="">
<div class="search">
<img src="./img/search.png" alt="">
<input placeholder="搜索我的订单" type="text">
</div>
</div>
<ul class="menu">
<li class="active">
<div class="text">全部</div>
</li>
<li>
<div class="text">待付款</div>
</li>
<li>
<div class="text">待发货</div>
</li>
<li>
<div class="text">待收货</div>
</li>
<li>
<div class="text">已完成</div>
</li>
<li>
<div class="text">待评价</div>
</li>
<li>
<div class="text">售后处理</div>
</li>
</ul>
<div class="content">
<div class="desc">
<div class="title">
<img class="img_1" src="./img/shop.png" alt="">
<div class="title_text">面包自营</div>
<img class="img_2" src="./img/right.png" alt="">
</div>
<div class="follow">待评价</div>
</div>
<ul class="logo">
<li>
<img src="./img/bao.png" alt="">
<div class="logo_text">
<p>包子芝麻小蛋糕美味香脆新品</p>
<p> 正品包邮</p>
<span>
独立包装+原味
</span>
</div>
<div class="logo_prince">
<p>￥38.8</p>
<span>X1</span>
</div>
</li>
<li>
<img src="./img/bao.png" alt="">
<div class="logo_text">
<p>包子芝麻小蛋糕美味香脆新品</p>
<p> 正品包邮</p>
<span>
独立包装+原味
</span>
</div>
<div class="logo_prince">
<p>￥38.8</p>
<span>X1</span>
</div>
</li>
</ul>
<div class="all">
<p>共2件商品，合计：￥100.00 (含运费￥0.00)</p>
<div class="drop">
<div class="drop_l">删除订单</div>
<div class="drop_r">评价</div>
</div>
</div>
</div>
<div class="content">
<div class="desc">
<div class="title">
<img class="img_1" src="./img/shop.png" alt="">
<div class="title_text">面包自营</div>
<img class="img_2" src="./img/right.png" alt="">
</div>
<div class="follow">待评价</div>
</div>
<ul class="logo">
<li>
<img src="./img/bao.png" alt="">
<div class="logo_text">
<p>包子芝麻小蛋糕美味香脆新品</p>
<p> 正品包邮</p>
<span>
独立包装+原味
</span>
</div>
<div class="logo_prince">
<p>￥38.8</p>
<span>X1</span>
</div>
</li>
</ul>
<div class="all">
<p>共2件商品，合计：￥100.00 (含运费￥0.00)</p>
<div class="drop">
<div class="drop_l">删除订单</div>
<div class="drop_r">评价</div>
</div>
</div>
</div>
</body>
</html>

79
历届学生/front-end-team-10/项目练习/学生项目/冯凯/作业/2.17橱窗作业/鞋子.html Normal file
View File

@@ -0,0 +1,79 @@
<!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 type="text/javascript">
(function (w, d) {
function setSize() {
// 获取屏幕的宽度 375px
var screenWidth = d.documentElement.clientWidth;
// 根据规则计算 html 的font-size数值
var currentFontSize = screenWidth * 100 / 750;
// 修改html上的font-size
d.documentElement.style.fontSize = currentFontSize + 'px';
}
w.addEventListener('resize', setSize);
w.addEventListener('pageShow', setSize)
w.addEventListener('DOMContentLoaded', setSize)
})(window, document)
</script>
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/xiezi.css">
</head>
<body>
<div class="header">
<img src="./img/-e-返回.png" alt="">
<div class="text">
商品列表
</div>
<div></div>
</div>
<ul class="content">
<li>
<img src="./img/photo.png" alt="">
<div class="text_t">
女鞋小白鞋女鞋小白鞋女鞋
小白鞋女鞋小白鞋
</div>
<div class="text_b">
50积分
</div>
</li>
<li>
<img src="./img/photo.png" alt="">
<div class="text_t">
女鞋小白鞋女鞋小白鞋女鞋
小白鞋女鞋小白鞋
</div>
<div class="text_b">
50积分
</div>
</li>
<li>
<img src="./img/photo.png" alt="">
<div class="text_t">
女鞋小白鞋女鞋小白鞋女鞋
小白鞋女鞋小白鞋
</div>
<div class="text_b">
50积分
</div>
</li>
<li>
<img src="./img/photo.png" alt="">
<div class="text_t">
女鞋小白鞋女鞋小白鞋女鞋
小白鞋女鞋小白鞋
</div>
<div class="text_b">
50积分
</div>
</li>
</ul>
</body>
</html>