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

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/-e-头像拷贝.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.2 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/4832198.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/5购物袋2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/分享.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.4 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/加号.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/图层1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/图层2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/左.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/店铺(1).png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/心.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/扫一扫.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/搜索.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/精选拷贝.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/评论.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/购物车满拷贝.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/音符.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

0
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/test.css Normal file
View File

34
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/test.html Normal file
View File

@@ -0,0 +1,34 @@
<!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>test</title>
<link rel="stylesheet" href="./test.css">
</head>
<body>
<div class="shop_info">
<div class="shop_title">
<img src="" alt="">
<p>美林美妆合肥店 >7KM</p>
</div>
<div class="shop_item">
<img src="" alt="">
<div class="item_text">
<div class="text_t">夏季网纱半身裙中长款纱……</div>
<div class="text_prict">
<span>¥68.00</span>
<p>精选</p>
</div>
<div class="text_nus">已卖1020</div>
</div>
<img src="" alt="">
</div>
<div class="shop_music">
<img src="" alt="">
<p>你像花儿一样美（DJ）版</p>
</div>
</div>
</body>
</html>

33
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/text.html Normal file
View File

@@ -0,0 +1,33 @@
<!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>
*{
padding: 0;
margin: 0;
}
body{
display: flex;
height: 100vh;
flex-direction: column;
}
.box1{
flex: 1;
background: red;
}
.box2{
height: 50px;
background: blue;
}
</style>
</head>
<body>
<div class="box1">123</div>
<div class="box2">456</div>
</body>
</html>

245
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/video.css Normal file
View File

@@ -0,0 +1,245 @@
body{
display: flex;
height: 100vh;
flex-direction: column;
}
.head {
width: 100%;
flex: 1;
background: url(./img/图层1.png) no-repeat;
background-size: cover;
position: relative;
}
.head_mask {
width: 100%;
height: 100%;
background: #0000005b;
}
.head_content {
width: 100%;
height: .9rem;
display: flex;
padding: 0 0.37rem;
box-sizing: border-box;
align-items: center;
justify-content: space-between;
position: fixed;
top:0;
}
.head_list {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 0.3rem;
color: #fefefe;
}
.head_list .active{
position: relative;
}
.head_list .active::after{
position:absolute;
content: "";
width: 17.5px;
height: 1px;
background-color: #ffffff;
box-shadow: 0px 1px 1px 0px
rgba(12, 0, 255, 0.35);
border-radius: 0.5px;
left: 50%;
transform: translateX(-50%);
bottom: -5px;
}
.head_list li {
margin-left: 11.5px;
}
.head_content ul li:first-child {
margin-left: 0 !important;
}
.head_content img:first-child {
width: 0.42rem;
height: 0.42rem;
}
.head_content img:last-child {
width: 0.43rem;
height: 0.43rem;
}
.user_info_head{
position: relative;
}
.user_info{
position: absolute;
right: .18rem;
bottom: .1rem;
display: flex;
align-items: center;
flex-direction: column;
}
.user_info_head img:first-child{
width: 0.96rem;
height: 0.97rem;
border-radius: 100%;
border: solid 0.03rem #ffffff;
}
.user_info_head img:last-child{
width: 0.34rem;
height: 0.33rem;
position: absolute;
bottom: 0.08rem;
left: 50%;
transform: translateX(-50%);
}
.content_list li{
display: flex;
align-items: center;
flex-direction: column;
}
.content_list li img{
width: 0.68rem;
height: 0.63rem;
margin-top: 0.27rem;
}
.content_list li .text{
font-size: 0.2rem;
color: #ffffff;
margin-top: 0.15rem;
}
.store{
width: 5.85rem;
position: absolute;
left: 0.3rem;
bottom: 0;
}
.stotre_title{
width: 100%;
height: 0.65rem;
display: flex;
align-items: center;
}
.stotre_title img{
width: 0.28rem;
height: 0.26rem;
}
.stotre_title span{
font-size: 0.26rem;
color: #ffc600;
}
.stotre_content{
width: 5.85rem;
height: 1.68rem;
padding-left: 0.1rem;
box-sizing: border-box;
background: #fff;
display: flex;
align-items: center;
position: relative;
}
.stotre_content img:first-child{
width: 1.48rem;
height: 1.48rem;
}
.tt {
width: 0.46rem;
height: 0.46rem;
position: absolute;
right: 0.34rem;
bottom: 0.17rem;
}
.stotre_introduce{
display: flex;
flex-direction: column;
margin-left: 0.15rem;
}
.introduce{
font-size: 0.28rem;
color: #333333;
}
.price{
display: flex;
align-items: center;
}
.price span{
font-size: 0.28rem;
color: #333333;
}
.stotre_introduce .price img {
width: 0.6rem;
height: 0.24rem;
}
.count{
font-size: 0.2rem;
color: #626262;
}
.introduce,
.price{
margin-bottom: 0.1rem;
}
.music{
width: 100%;
height: 0.65rem;
display: flex;
align-items: center;
}
.music span{
font-size: 0.24rem;
color: #ffffff;
}
.music img{
width: 0.27rem;
height: 0.28rem;
margin-right: 0.13rem;
}
.footer {
width: 100%;
height: 50px;
display: flex;
align-items: center ;
justify-content: space-between;
padding-left: 19.5px;
padding-right: 27px;
box-sizing: border-box;
background: #000;
}
.footer a{
font-size: 12px;
color: #ffffff;
}
.footer .active a{
font-size: 15px;
color: #ffffff;
}
.footer li{
font-family: AdobeHeitiStd-Regular;
font-size: 12px;
color: #ffffff;
}
.footer .active{
position: relative;
}
.footer .active::after{
width: 25.5px;
height: 1.5px;
position: absolute;
content: "";
background-color: #ffffff;
border-radius: 0.75px;
left: 50%;
transform: translateX(-50%);
bottom: -11.6px;
}

114
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/video.html Normal file
View File

@@ -0,0 +1,114 @@
<!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>video</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="../clear.css">
<link rel="stylesheet" href="../public.css">
<link rel="stylesheet" href="./video.css">
</head>
<body>
<div class="head">
<div class="head_mask"></div>
<div class="head_content">
<img src="./img/扫一扫.png" alt="">
<ul class="head_list">
<li class="active">推荐</li>
<li>关注</li>
<li>直播</li>
</ul>
<img src="./img/搜索.png " alt="">
</div>
<div class="user_info">
<div class="user_info_head">
<img src="./img/4832198.png" alt="">
<img src="./img/加号.png" alt="">
</div>
<ul class="content_list">
<li>
<img src="./img/心.png" alt="">
<div class="text">71.1W</div>
</li>
<li>
<img src="./img/分享.png" alt="">
<div class="text">分享</div>
</li>
<li>
<img src="./img/评论.png" alt="">
<div class="text">评论</div>
</li>
<li>
<img src="./img/5购物袋2.png" alt="">
<div class="text">购物袋</div>
</li>
</ul>
</div>
<div class="store">
<div class="stotre_title">
<img src="./img/店铺(1).png" alt="">
<span>美林美妆合肥店 >7KM</span>
</div>
<div class="stotre_content">
<img src="./img/4832198.png" alt="">
<div class="stotre_introduce">
<div class="introduce">夏季网纱半身裙中长款纱……</div>
<div class="price">
<span>¥68.00</span>
<img src="./img/精选拷贝.png" alt="">
</div>
<div class="count">已卖1020</div>
</div>
<img class="tt" src="./img/购物车满拷贝.png" alt="">
</div>
<div class="music">
<img src="./img/音符.png" alt="">
<span>你像花儿一样美（DJ）版</span>
</div>
</div>
</div>
<ul class="footer">
<li class="active">
<a href="">首页</a>
</li>
<li>
<a href="">好友</a>
</li>
<li>
<a href="">圈子</a>
</li>
<li>
<a href="">购物车</a>
</li>
<li>
<a href="">我的</a>
</li>
</ul>
</body>
</html>

9
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/css/clear.css Normal file
View File

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

76
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/css/freight.css Normal file
View File

@@ -0,0 +1,76 @@
.head{
width: 100%;
height: .9rem;
background: #fff;
position: fixed;
top: 0;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 0.3rem;
box-sizing: border-box;
}
.head img{
width: 0.19rem;
height: 0.34rem;
}
.head_title{
font-size: 0.34rem;
color: #333333;
}
.content{
margin-top: .9rem;
}
.content_title{
width: 100%;
height: 1rem;
font-size: 0.24rem;
color: #aaaaaa;
background: #f2f3f7;
display: flex;
align-items: center;
padding-left: 0.34rem;
box-sizing: border-box;
}
.list li{
width: 100%;
height: 0.87rem;
background: #fff;
border-bottom: 0.02rem solid #dcdcdf;
padding-left: 0.31rem;
padding-right: 0.36rem;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
}
.list_left ,
.list_right{
display: flex;
align-items: center;
}
.list_left img{
width: 0.42rem;
height: 0.36rem;
margin-right: 0.34rem;
}
.list_left span{
font-size: 0.3rem;
color: #000000;
}
.list_right span{
font-size: 0.28rem;
color: #000000;
margin-right: 0.29rem;
}
.list_right img:first-child{
width: 0.36rem;
height: 0.36rem;
margin-right: 0.08rem;
}
.list_right img:last-child{
width: 0.13rem;
height: 0.24rem;
}

71
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/css/income.css Normal file
View File

@@ -0,0 +1,71 @@
body{
display: flex;
flex-direction: column;
height: 100vh;
}
.head{
width: 100%;
height: 3.31rem;
display: flex;
flex-direction: column;
}
.head_title{
width: 100%;
height: .9rem;
font-family: PingFang-SC-Bold;
font-size: 0.34rem;
color: #000000;
display: flex;
align-items: center;
justify-content: space-between;
padding:0 0.3rem;
box-sizing: border-box;
position: fixed;
top: 0;
background: #fff;
z-index: 999;
}
.head_title img{
width: 0.19rem;
height: 0.34rem;
}
.head_text{
width: 100%;
flex: 1;
display: flex;
align-items: center;
justify-content: center;
font-family: PingFang-SC-Bold;
font-size: 0.52rem;
color: #010101;
}
.list{
width: 100%;
height: 5.99rem;
background-color: #ffffff;
font-family: PingFang-SC-Medium;
font-size: 0.28rem;
color: #909090;
box-sizing: border-box;
flex: 1;
background: #efeff4;
padding-top: 0.18rem;
box-sizing: border-box;
}
.list li{
position: relative;
height: 1rem;
display: flex;
padding-left: 0.29rem;
box-sizing: border-box;
align-items: center;
background: #fff;
}
.list li span:last-child{
color: #262626;
position: absolute;
right: 0.26rem;
}

233
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/css/new_store.css Normal file
View File

@@ -0,0 +1,233 @@
html{
font-size: 50px;
}
.head{
width: 100%;
height: .9rem;
background:#fff;
padding-left: .23rem;
padding-right:0.25rem;
box-sizing: border-box;
position: fixed;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.content{
width: 100%;
margin-top: .9rem;
padding-top:0.18rem;
box-sizing: border-box;
background: #f2f3f7;
}
.head_back img:first-child{
width: 0.2rem;
height: 0.38rem;
margin-right: 0.3rem;
}
.head_back img:last-child{
width: 0.48rem;
height: 0.48rem;
}
.head_title{
font-size: 0.28rem;
color: #000000;
}
.head_title img{
width: 0.78rem;
height: 0.32rem;
margin-left: 0.12rem;
}
.head_set img:first-child{
width: 0.42rem;
height: 0.35rem;
margin-right: 0.38rem;
}
.head_set img:last-child{
width: 0.37rem;
height: 0.36rem;
}
.position{
width: 0.25rem;
height: 0.25rem;
position: absolute;
top: 14px;
right: 96px;
}
.head_back ,
.head_title ,
.head_set{
display: flex;
align-items: center;
justify-content: space-between;
}
.content .live{
width: 7.02rem;
height: 0.78rem;
border-radius: 0.2rem;
background-color: #ffffff;
margin: 0 auto 0.24rem auto;
padding: 0 0.17rem 0 0.19rem;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
}
.live_left ,
.live_right{
display: flex;
align-items: center;
justify-content: space-between;
}
.live_left{
font-size: 0.32rem;
color: #1a1a1a;
}
.live_right{
font-size: 0.28rem;
color: #0079f1;
}
.live_left img{
width: 0.41rem;
height: 0.39rem;
margin-right: 0.09rem;
}
.live_right img{
width: 0.12rem;
height: 0.21rem;
margin-left: 0.11rem;
}
.content .follow{
width: 7.02rem;
height: 1.8rem;
background: url(../img/图层1.png) no-repeat;
background-size: contain;
display: flex;
margin: 0 auto;
margin-bottom: 0.24rem;
}
.follow li{
width: 25%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items:center;
}
.follow li span:first-child{
font-size: 0.34rem;
color: #ffffff;
}
.follow li span:last-child{
font-size: 0.24rem;
color: #ffffff;
}
.identification{
width: 7.02rem;
height: 2.75rem;
background-color: #ffffff;
border-radius: 0.2rem;
margin: 0 auto;
}
.identification ul{
display: flex;
justify-content: space-between;
padding-left: 0.55rem;
padding-right: 0.58rem;
margin-top: 0.09rem;
box-sizing: border-box;
}
.identification_titile{
font-size: 0.3rem;
height: 0.95rem;
color: #010101;
padding-left: 0.34rem;
box-sizing: border-box;
display: flex;
align-items: center;
}
.identification_list li{
display: flex;
flex-direction: column;
}
.identification_list img{
width: 0.58rem;
height: 0.56rem;
}
.identification_list li span{
font-size: 0.24rem;
color: #333333;
}
.identification_list li span:last-child{
font-size: 0.22rem;
color: #abb1bc;
}
.manage_title{
font-size: 0.3rem;
height: 0.95rem;
color: #010101;
padding-left: 0.34rem;
box-sizing: border-box;
display: flex;
align-items: center;
}
.manage{
width: 7.02rem;
height: 4.02rem;
background-color: #ffffff;
border-radius: 0.2rem;
margin: 0.24rem auto;
display: flex;
flex-direction: column;
}
.manage_list {
display: flex;
flex-wrap: wrap;
align-items: center;
flex: 1;
}
.manage_list li{
width: 20%;
display: flex;
align-items: center;
flex-direction: column;
}
.manage_list li img{
width: 0.41rem;
height: 0.41rem;
}
.manage_list span{
font-size: 0.24rem;
color: #333333;
}
.marketing{
width: 7.02rem;
height: 2.51rem;
background-color: #ffffff;
border-radius: 0.2rem;
margin: 0 auto;
}
.marketing_list{
display: flex;
align-items: center;
}
.marketing_list li {
width: 25%;
display: flex;
align-items: center;
flex-direction: column;
}
.marketing_list li img{
width: 0.48rem;
height: 0.53rem;
margin-bottom: 0.3rem;
}
.marketing_list li span{
font-size: 0.24rem;
color: #333333;
}

85
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/css/personal_data.css Normal file
View File

@@ -0,0 +1,85 @@
body{
background: #f7f7f7;
}
.head{
width: 100%;
height: .9rem;
background: #f7f7f7;
padding:0 0.26rem;
border-bottom: 1px solid #dcdcdf;
box-sizing: border-box;
position: fixed;
top: 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.head img{
width: 0.19rem;
height: 0.27rem;
}
.head_title{
font-size: 0.34rem;
color: #010101;
}
.content{
margin-top: .9rem;
}
.content_title{
height: 1.11rem;
padding-left: 0.33rem;
padding-right: 0.32rem;
border-bottom: 1px solid #dcdcdf;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
}
.content_title_left{
font-size: 0.32rem;
color: #000000;
}
.content_title_right{
display: flex;
align-items: center;
}
.content_title_right img:first-child{
width: 0.64rem;
height: 0.64rem;
margin-right: 0.16rem;
}
.content_title_right img:last-child{
width: 0.16rem;
height: 0.24rem;
}
.list{
padding-left: 0.33rem;
box-sizing: border-box;
}
.list li{
display: flex;
align-items: center;
justify-content: space-between;
height: 1.11rem;
box-sizing: border-box;
padding-right: 0.32rem;
border-bottom: 1px solid #dcdcdf;
}
.list_left{
font-size: 0.32rem;
color: #000000;
}
.list_right{
display: flex;
align-items: center;
}
.list_right span{
font-size: 0.28rem;
color: #969696;
margin-right: 0.09rem;
}
.list_right img{
width: 0.16rem;
height: 0.24rem;
}

16
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/css/public.css Normal file
View File

@@ -0,0 +1,16 @@
/* 公共样式代码 */
.left{
float: left;
}
.right{
float: right;
}
.hidden{
overflow: hidden;
}
.clear{
clear: both;
}
.rest{
line-height: 1;
}

202
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/css/新手体验店.css Normal file
View File

@@ -0,0 +1,202 @@
html{
font-size: 50px;
}
.content{
width: 100%;
height: 100%;
background: #f2f3f7;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 0 0.24rem;
box-sizing: border-box;
}
.title{
width: 100%;
height: 45px;
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 0.23rem;
padding-right: 0.36rem;
box-sizing: border-box;
}
.title_left,
.title_centre,
.title_right{
display: flex;
align-items: center;
}
.title_left img:first-child{
width: 0.2rem;
height: 0.38rem;
margin-right: 0.3rem;
}
.title_left img:last-child{
width: 0.48rem;
height: 0.48rem;
}
.title_centre{
font-size: 0.28rem;
color: #000000;
}
.title_centre img{
width: 0.78rem;
height: 0.32rem;
margin-left : 0.12rem;
}
.title_right{
position: relative;
}
.title_right .position{
width: 0.25rem;
height: 0.25rem;
position: absolute;
top: -7px;
right: 31px;
}
.title_right img:first-child{
width: 0.42rem;
height: 0.35rem;
margin-right: 0.38rem;
}
.title_right img:last-child{
width: 0.37rem;
height: 0.36rem;
}
.follow{
width: 100%;
font-size: 0.24rem;
color: #ffffff;
display: flex;
align-items:center;
margin-top: 0.18rem;
margin-bottom: 0.24rem;
background: url(../img/图层1.png) no-repeat;
background-size: contain;
}
.follow ul{
width: 100%;
height: 1.8rem;
display: flex;
align-items:center;
flex-wrap: wrap;
padding: 0.3rem 0.47rem 0.3rem 0.37rem;
box-sizing: border-box;
text-align: center;
}
.follow ul li{
width: 25%;
justify-content: center;
height: 50%;
align-items: center;
display: flex;
}
.live{
width: 100%;
height: 0.78rem;
background: #ffffff;
padding-left: 0.19rem;
padding-right: 0.17rem;
border-radius: 0.2rem;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
}
.live_left span{
font-size: 0.32rem;
color: #1a1a1a;
}
.live_right span{
font-size: 0.28rem;
color: #0079f1;
}
.live_left,
.live_right{
display: flex;
align-items: center;
}
.live_left img{
width: 0.41rem;
height: 0.39rem;
margin-right: 0.09rem;
}
.live_right img{
width: 0.12rem;
height: 0.21rem;
margin-left: 0.11rem;
}
.list li{
/* width: 7.02rem;
height: 4.02rem; */
background-color: #ffffff;
border-radius: 0.2rem;
margin-top: 0.24rem;
margin-bottom: 0.23rem;
padding: 0.34rem 0.28rem 0.37rem 0.34rem;
box-sizing: border-box;
display: flex;
flex-direction: column;
flex-wrap:wrap;
}
.list_title{
width: 100%;
height: max-content;
font-size: 0.3rem;
color: #010101;
}
.idcard{
display: flex;
align-items: center;
flex-direction: column;
width: 1rem;
margin-top:0.3rem;
}
.list_cotent .idcard:first-child{
margin-left: 0.16rem;
}
.idcard img{
width: 0.58rem;
height: 0.56rem;
margin-bottom: 0.25rem;
}
.list .idcard span{
font-size: 0.24rem;
color: #333333;
}
.list .idcard span:last-child{
font-size: 0.22rem;
color: #abb1bc;
margin-top: 0.05rem;
}
.list_cotent{
width: 100%;
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.idcard1{
width: 1.2rem;;
display: flex;
flex-direction: column;
align-items: center;
margin-top:0.4rem;
}
.idcard1 img{
width: 0.38rem;
height: 0.4rem;
margin-bottom: 0.36rem;
}
.idcard1{
font-size: 0.24rem;
color: #333333;
}
.active{
color: red !important;
}

77
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/css/运费模板.css Normal file
View File

@@ -0,0 +1,77 @@
body{
height: 100vh;
display: flex;
flex-direction: column;
}
.head{
width: 100%;
height:.9rem;
font-size: 0.34rem;
color: #333333;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 0.3rem;
box-sizing: border-box;
}
.head img{
width: 0.19rem;
height: 0.34rem;
}
.title{
width: 100%;
height: 1rem;
font-size: 0.24rem;
color: #aaaaaa;
display: flex;
align-items: center;
padding-left: 0.34rem;
box-sizing: border-box;
}
.content{
width: 100%;
flex: 1;
background: #f2f2f2;
}
.list{
color: #000000;
background: #fff;
}
.list li{
height: 0.87rem;
display: flex;
align-items: center;
position: relative;
padding-left:0.31rem ;
border-bottom: 0.02rem solid #dcdcdf;
box-sizing: border-box;
}
.list .list_car{
font-size: 0.3rem;
}
.list .list_set{
font-size: 0.28rem;
position: absolute;
right: 0.36rem;
}
.list .list_car img{
width: 0.42rem;
height: 0.36rem;
margin-right: 0.36rem;
}
.list .list_set img:first-child{
width: 0.36rem;
height: 0.36rem;
margin-right: 0.08rem;
}
.list .list_set img:last-child{
width: 0.13rem;
height: 0.24rem;
margin-left: 0.29rem;
}
.list .list_car,
.list .list_set{
display: flex;
align-items:center;
}

76
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/freight.html Normal file
View File

@@ -0,0 +1,76 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>freight</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>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/public.css">
<link rel="stylesheet" href="./css/freight.css">
</head>
</html>
<body>
<div class="head">
<img src="./img/左.png" alt="">
<div class="head_title">运费模板</div>
<div></div>
</div>
<div class="content">
<div class=" content_title">请选择运送方式</div>
<ul class="list">
<li>
<div class="list_left">
<img src="./img/运费模板.png" alt="">
<span>货运</span>
</div>
<div class="list_right">
<img src="./img/./对勾.png" alt="">
<span>已设置</span>
<img src="./img/-e-右.png" alt="">
</div>
</li>
<li>
<div class="list_left">
<img src="./img/-e-快递.png" alt="">
<span>货运</span>
</div>
<div class="list_right">
<img src="./img/./-e-灰色对勾.png" alt="">
<span>未设置</span>
<img src="./img/-e-右.png" alt="">
</div>
</li>
<li>
<div class="list_left">
<img src="./img/-e-EMS.png" alt="">
<span>货运</span>
</div>
<div class="list_right">
<img src="./img/./对勾.png" alt="">
<span>已设置</span>
<img src="./img/-e-右.png" alt="">
</div>
</li>
</ul>
</div>
</body>

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/-e-EMS.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/-e-右.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/-e-头像拷贝.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.2 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/-e-快递.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/-e-灰色对勾.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/-e-货运.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/1拷贝.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/优惠券.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/右.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/商品.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/图层1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 63 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/对勾.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/左.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/店铺.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/店铺头像.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/店铺预览.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/拼团.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/数据.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/朋友圈.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/消息拷贝.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/直播.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/秒杀02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/积分.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/粉丝.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/营业中拷贝.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/营业执照.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/视频拷贝.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/订单.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/设置.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/资金.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/身份证.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/运费模板.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/银行卡_.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

65
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/income.html Normal file
View File

@@ -0,0 +1,65 @@
<!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>收入详情页</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/public.css">
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/income.css">
</head>
<body>
<div class="head">
<div class="head_title">
<img src="./img/左.png" alt="">
<div>收入详情</div>
<div></div>
</div>
<div class="head_text">+￥399.00</div>
</div>
<ul class="list">
<li>
<span>流水号</span>
<span>20181125015755</span>
</li>
<li>
<span>付款类型</span>
<span>充值</span>
</li>
<li>
<span>收支类型</span>
<span>充值</span>
</li>
<li>
<span>支付方式</span>
<span>微信钱包</span>
</li>
<li>
<span>创建时间</span>
<span>2018-11-25 21:03:03</span>
</li>
<li>
<span>备注</span>
<span>微信充值399.00元</span>
</li>
</ul>
</body>
</html>

165
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/new_store.html Normal file
View File

@@ -0,0 +1,165 @@
<!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>new_store</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/public.css">
<link rel="stylesheet" href="./css/new_store.css">
</head>
<body>
<div class="head">
<div class="head_back">
<img src="./img/左.png" alt="">
<img src="./img/店铺头像.png" alt="">
</div>
<div class="head_title">
<span>新手体验店</span>
<img src="./img/营业中拷贝.png" alt="">
</div>
<div class="head_set">
<img src="./img/消息拷贝.png" alt="">
<img class="position" src="./img/1拷贝.png" alt="">
<img src="./img/设置.png" alt="">
</div>
</div>
<div class="content">
<ul class="follow">
<li>
<span>0</span>
<span>关注人数</span>
</li>
<li>
<span>1</span>
<span>商品数</span>
</li>
<li>
<span>0</span>
<span>粉丝数</span>
</li>
<li>
<span>0</span>
<span>浏览量</span>
</li>
</ul>
<div class="live">
<div class="live_left">
<img src="./img/直播.png" alt="">
<span>我要直播</span>
</div>
<div class="live_right">
<span>去开直播</span>
<img src="./img/-e-右.png" alt="">
</div>
</div>
<div class="identification">
<div class="identification_titile">店铺资质认证</div>
<ul class="identification_list">
<li>
<img src="./img/营业执照.png" alt="">
<span>营业执照</span>
<span>已认证</span>
</li>
<li>
<img src="./img/身份证.png" alt="">
<span>身份证</span>
<span>未认证</span>
</li>
<li>
<img src="./img/银行卡_.png" alt="">
<span>银行卡</span>
<span>未认证</span>
</li>
</ul>
</div>
<div class="manage">
<div class="manage_title">店铺管理</div>
<ul class="manage_list">
<li>
<img src="./img/商品.png" alt="">
<span>商品管理</span>
</li>
<li>
<img src="./img/朋友圈.png" alt="">
<span>朋友圈管理</span>
</li>
<li>
<img src="./img/资金.png" alt="">
<span>资金管理</span>
</li>
<li>
<img src="./img/数据.png" alt="">
<span>数据管理</span>
</li>
<li>
<img src="./img/店铺.png" alt="">
<span>店铺信息</span>
</li>
<li>
<img src="./img/粉丝.png" alt="">
<span>粉丝管理</span>
</li>
<li>
<img src="./img/运费模板.png" alt="">
<span>运费管理</span>
</li>
<li>
<img src="./img/视频拷贝.png" alt="">
<span>视频管理</span>
</li>
<li>
<img src="./img/店铺预览.png" alt="">
<span>店铺预览</span>
</li>
<li>
<img src="./img/订单.png" alt="">
<span>订单管理</span>
</li>
</ul>
</div>
<div class="marketing">
<div class="identification_titile">店铺资质认证</div>
<ul class="marketing_list">
<li>
<img src="./img/优惠券.png" alt="">
<span>优惠券</span>
</li>
<li>
<img src="./img/拼团.png" alt="">
<span>拼团</span>
</li>
<li>
<img src="./img/秒杀02.png" alt="">
<span>秒杀</span>
</li>
<li>
<img src="./img/积分.png" alt="">
<span>积分充值</span>
</li>
</ul>
</div>
</div>
</body>
</html>

82
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/personal_data.html Normal file
View File

@@ -0,0 +1,82 @@
<!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>编辑个人质料</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/public.css">
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/personal_data.css">
</head>
<body>
<div class="head">
<img src="./img/左.png" alt="">
<div class="head_title">编辑个人资料</div>
<div></div>
</div>
<div class="content">
<div class="content_title">
<div class="content_title_left">头像</div>
<div class="content_title_right">
<img src="./img/-e-头像拷贝.png" alt="">
<img src="./img/-e-右.png" alt="">
</div>
</div>
<ul class="list">
<li>
<div class="list_left">昵称</div>
<div class="list_right">
<span>小许</span>
<img src="./img/-e-右.png" alt="">
</div>
</li>
<li>
<div class="list_left">用户ID</div>
<div class="list_right">
<span>11221122</span>
<img src="./img/-e-右.png" alt="">
</div>
</li>
<li>
<div class="list_left">性别</div>
<div class="list_right">
<span>女</span>
<img src="./img/-e-右.png" alt="">
</div>
</li>
<li>
<div class="list_left">所在地</div>
<div class="list_right">
<span>安徽 合肥市</span>
<img src="./img/-e-右.png" alt="">
</div>
</li>
<li>
<div class="list_left">个人介绍</div>
<div class="list_right">
<span>填写个人资料更容易获得关注</span>
<img src="./img/-e-右.png" alt="">
</div>
</li>
</ul>
</div>
</body>
</html>

144
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/新手体验店.html Normal file
View File

@@ -0,0 +1,144 @@
<!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/clear.css">
<link rel="stylesheet" href="./css/public.css">
<link rel="stylesheet" href="./css/新手体验店.css">
<title>新手体验店</title>
</head>
<body>
<div class="content">
<div class="title">
<div class="title_left">
<img src="./img/左.png" alt="">
<img src="./img/店铺头像.png" alt="">
</div>
<div class="title_centre">
<span>新手体验店</span>
<img src="./img/营业中拷贝.png" alt="">
</div>
<div class="title_right">
<img src="./img/消息拷贝.png" alt="">
<img class="position" src="./img/1拷贝.png" alt="">
<img src="./img/设置.png" alt="">
</div>
</div>
<div class="follow">
<ul>
<li>0</li>
<li>1</li>
<li>0</li>
<li>0</li>
<li>关注人数</li>
<li>商品数</li>
<li>粉丝数</li>
<li>浏览量</li>
</ul>
</div>
<div class="live">
<div class="live_left">
<img src="./img/直播.png" alt="">
<span>我要直播 </span>
</div>
<div class="live_right">
<span>去开直播</span>
<img src="./img/右.png" alt="">
</div>
</div>
<ul class="list">
<li>
<div class="list_title">店铺资质认证</div>
<div class="list_cotent">
<div class="idcard">
<img src="./img/营业执照.png" alt="">
<span>营业执照</span>
<span>已认证</span>
</div>
<div class="idcard">
<img src="./img/身份证.png" alt="">
<span>身份证</span>
<span class="active">未认证</span>
</div>
<div class="idcard">
<img src="./img/银行卡_.png" alt="">
<span>银行卡</span>
<span class="active">未认证</span>
</div>
</div>
</li>
<li>
<div class="list_title">店铺管理</div>
<div class="list_cotent">
<div class="idcard1 ">
<img src="./img/商品.png" alt="">
<span>商品管理</span>
</div>
<div class="idcard1">
<img src="./img/朋友圈.png" alt="">
<span>朋友圈管理</span>
</div>
<div class="idcard1">
<img src="./img/资金.png" alt="">
<span>资金管理</span>
</div>
<div class="idcard1">
<img src="./img/数据.png" alt="">
<span>数据管理</span>
</div>
<div class="idcard1">
<img src="./img/店铺.png" alt="">
<span>店铺信息</span>
</div>
<div class="idcard1">
<img src="./img/粉丝.png" alt="">
<span>粉丝管理</span>
</div>
<div class="idcard1">
<img src="./img/运费模板.png" alt="">
<span>运费管理</span>
</div>
<div class="idcard1">
<img src="./img/视频拷贝.png" alt="">
<span>视频管理</span>
</div>
<div class="idcard1">
<img src="./img/店铺预览.png" alt="">
<span>店铺预览</span>
</div>
<div class="idcard1">
<img src="./img/订单.png" alt="">
<span>订单管理</span>
</div>
</div>
</li>
<li>
<div class="list_title">店铺营销</div>
<div class="list_cotent">
<div class="idcard">
<img src="./img/优惠券.png" alt="">
<span>优惠卷</span>
</div>
<div class="idcard">
<img src="./img/拼团.png" alt="">
<span>拼团</span>
</div>
<div class="idcard">
<img src="./img/秒杀02.png" alt="">
<span>秒杀</span>
</div>
<div class="idcard">
<img src="./img/积分.png" alt="">
<span>积分充值</span>
</div>
</div>
</li>
</ul>
</div>
</body>
</html>

77
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/运费模板.html Normal file
View File

@@ -0,0 +1,77 @@
<!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>运费模板</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/public.css">
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/运费模板.css">
</head>
<body>
<div class="head">
<img src="./img/左.png" alt="">
<div>运费模板</div>
<div></div>
</div>
<div class="content">
<div class="title">请选择运送方式</div>
<ul class="list">
<li>
<div class="list_car">
<img src="./img/-e-货运.png" alt="">
<div>货运</div>
</div>
<div class="list_set">
<img src="./img/对勾.png" alt="">
<div>已设置</div>
<img src="./img/-e-右.png" alt="">
</div>
</li>
<li>
<div class="list_car">
<img src="./img/-e-快递.png" alt="">
<div>货运</div>
</div>
<div class="list_set">
<img src="./img/-e-灰色对勾.png" alt="">
<div>已设置</div>
<img src="./img/-e-右.png" alt="">
</div>
</li>
<li>
<div class="list_car">
<img src="./img/-e-EMS.png" alt="">
<div>货运</div>
</div>
<div class="list_set">
<img src="./img/对勾.png" alt="">
<div>已设置</div>
<img src="./img/-e-右.png" alt="">
</div>
</li>
</ul>
</div>
</body>
</html>