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

17
历届学生/fontendseven/项目练习/个人练习/蔡敏/练习/rem/1-133/css/clear.css Normal file
View File

@@ -0,0 +1,17 @@
/* 专门用来清除标签的默认样式的 */
li {
list-style: none; /* 清除li标签的小圆点 */
}
a {
text-decoration: none; /* 清除a标签的下划线 */
}
body,ul,p,h1,h2,h3,h4,h5,h6{
margin: 0;
padding: 0;
}
input {
outline: none;
}

175
历届学生/fontendseven/项目练习/个人练习/蔡敏/练习/rem/1-133/css/index.css Normal file
View File

@@ -0,0 +1,175 @@
.header {
width: 100%;
height: 0.9rem;
left: 0;
top: 0;
position: fixed;
display: flex;
align-items: center;
padding-left: 0.21rem;
background-color: #ffffff;
z-index: 999;
}
body {
background: #f2f2f2;
}
.header_left {
width: 0.2rem;
height: 0.35rem;
}
.header_right {
display: flex;
position: relative;
margin-left: 0.48rem;
}
.header_right img {
width: 0.32rem;
height: 0.34rem;
position: absolute;
left: 0.24rem;
top: 0.13rem;
}
.header_right input {
width: 6.31rem;
height: 0.6rem;
background-color: #f2f2f2;
border-radius: 0.3rem;
padding-left: 0.74rem;
box-sizing: border-box;
}
.content {
margin-top: 0.9rem;
}
.content_top {
padding-left: 0.36rem;
background-color: #ffffff;
}
.content_list {
display: flex;
overflow-x: scroll;
width: 100%;
height: 0.94rem;
align-items: center;
}
.top_list {
font-size: 0.3rem;
color: #5697f4;
margin-right: 0.39rem;
flex-shrink: 0;
}
.top_menu {
font-size: 0.3rem;
color: #424242;
margin-right: 0.24rem;
flex-shrink: 0;
}
.top_bottom {
width: 0.31rem;
height: 0.04rem;
background-color: #5697f4;
margin-left: 0.13rem;
}
.content_bottom {}
.content_bottom li {
background: #fff;
margin-top: 0.12rem;
}
.bottom_title {
display: flex;
justify-content: space-between;
align-items: center;
height: 0.73rem;
padding: 0 0.32rem;
}
.title_list {
display: flex;
align-items: center;
}
.title_list .list_one {
width: 0.24rem;
height: 0.25rem;
}
.title_list .list_two {
width: 0.1rem;
height: 0.18rem;
}
.title_list span {
font-size: 0.26rem;
color: #333333;
margin: 0 0.18rem;
}
.bottom_title p {
font-size: 0.26rem;
color: #5697f4;
}
.bottom_commodity {}
.commodity_list {
display: flex;
justify-content: space-between;
padding: 0 0.35rem 0.22rem;
}
.commodity_name {
margin: 0 0.55rem 0 0.18rem;
}
.commodity_list img {
width: 1.36rem;
height: 1.37rem;
}
.commodity_name {}
.commodity_name .name_one {
font-size: 0.3rem;
color: #444444;
width: 3.9rem;
margin-bottom: 0.33rem;
}
.commodity_name .name_two {
font-size: 0.24rem;
color: #aaaaaa;
}
.commodity_nums {}
.commodity_nums .name_the {
font-size: 0.3rem;
color: #000000;
}
.commodity_nums .name_four {
font-size: 0.24rem;
color: #aaaaaa;
margin-left: 0.55rem;
}
.commodity_money {
padding-left: 2.45rem;
padding-right: 0.28rem;
}
.commodity_money p {
font-size: 0.24rem;
color: #000000;
}
.commodity_ser {
display: flex;
justify-content: end;
padding-top: 0.2rem ;
}
.commodity_del {
width: 1.28rem;
height: 0.46rem;
font-size: 0.24rem;
color: #888888;
border-radius: 0.23rem;
border: solid 0.01rem #dddddd;
line-height: 0.46rem;
text-align: center;
margin-right: 0.11rem;
}
.commodity_eva {
width: 1.28rem;
height: 0.46rem;
font-size: 0.24rem;
color: #5697f4;
border-radius: 0.23rem;
border: solid 0.01rem #5697f4;
line-height: 0.46rem;
text-align: center;
}

0
历届学生/fontendseven/项目练习/个人练习/蔡敏/练习/rem/1-133/css/public.css Normal file
View File

BIN
历届学生/fontendseven/项目练习/个人练习/蔡敏/练习/rem/1-133/img/left.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
历届学生/fontendseven/项目练习/个人练习/蔡敏/练习/rem/1-133/img/one.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 KiB

BIN
历届学生/fontendseven/项目练习/个人练习/蔡敏/练习/rem/1-133/img/right.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
历届学生/fontendseven/项目练习/个人练习/蔡敏/练习/rem/1-133/img/search.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
历届学生/fontendseven/项目练习/个人练习/蔡敏/练习/rem/1-133/img/shop.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
历届学生/fontendseven/项目练习/个人练习/蔡敏/练习/rem/1-133/img/the.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 52 KiB

BIN
历届学生/fontendseven/项目练习/个人练习/蔡敏/练习/rem/1-133/img/two.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

123
历届学生/fontendseven/项目练习/个人练习/蔡敏/练习/rem/1-133/index.html Normal file
View File

@@ -0,0 +1,123 @@
<!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>
<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">
<img class="header_left" src="./img/left.png" alt="">
<div class="header_right">
<img src="./img/search.png" alt="">
<input type="text" placeholder="搜索我的订单">
</div>
</div>
<div class="content">
<div class="content_top">
<ul class="content_list">
<li class="top_list">全部</li>
<li class="top_menu">待付款</li>
<li class="top_menu">待发货</li>
<li class="top_menu">待收货</li>
<li class="top_menu">待评价</li>
<li class="top_menu">已完成</li>
<li class="top_menu">售后</li>
</ul>
<div class="top_bottom"></div>
</div>
<ul class="content_bottom">
<li>
<div class="bottom_title">
<div class="title_list">
<img class="list_one" src="./img/shop.png" alt="">
<span>面包自营</span>
<img class="list_two" src="./img/right.png" alt="">
</div>
<p>待评价</p>
</div>
<ul class="bottom_commodity">
<li class="commodity_list">
<img src="./img/one.png" alt="">
<div class="commodity_name">
<p class="name_one">包子芝麻小蛋糕美味香脆新品正品包邮</p>
<p class="name_two">独立包装+原味</p>
</div>
<div class="commodity_nums">
<p class="name_the">￥38.8</p>
<p class="name_four">X1</p>
</div>
</li>
<li class="commodity_list">
<img src="./img/two.png" alt="">
<div class="commodity_name">
<p class="name_one">包子奶酪蛋糕美味新品正品包邮发货</p>
<p class="name_two">整箱x24+奶酪</p>
</div>
<div class="commodity_nums">
<p class="name_the">￥61.2</p>
<p class="name_four">X1</p>
</div>
</li>
</ul>
<div class="commodity_money">
<p>共2件商品，合计：￥100.00 (含运费￥0.00)</p>
<div class="commodity_ser">
<div class="commodity_del">删除订单</div>
<div class="commodity_eva">评价</div>
</div>
</div>
</li>
<li>
<div class="bottom_title">
<div class="title_list">
<img class="list_one" src="./img/shop.png" alt="">
<span>面包自营</span>
<img class="list_two" src="./img/right.png" alt="">
</div>
<p>已完成</p>
</div>
<div class="commodity_list">
<img src="./img/the.png" alt="">
<div class="commodity_name">
<p class="name_one">包子香脆牛角酥美味香脆新品当天发货</p>
<p class="name_two">包装+芝麻</p>
</div>
<div class="commodity_nums">
<p class="name_the">￥30.0</p>
<p class="name_four">X3</p>
</div>
</div>
<div class="commodity_money">
<p>共3件商品，合计：￥9.00 (含运费￥0.00)</p>
<div class="commodity_ser">
<div class="commodity_del">删除订单</div>
<div class="commodity_eva">评价</div>
</div>
</div>
</li>
</ul>
</div>
<div class="footer"></div>
</body>
<script src="./js/rem.js"></script>
</html>

11
历届学生/fontendseven/项目练习/个人练习/蔡敏/练习/rem/1-133/js/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";
}