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

14
历届学生/fontendseven/项目练习/个人练习/护肤品/css/clear.css Normal file
View File

@@ -0,0 +1,14 @@
body,p,ul,li,h1,h2,h3,h4,h5,h6,input{
margin: 0;
padding: 0;
border: none;
}
li {
list-style: none;
}
a{
text-decoration: none;
color: #000;
}

169
历届学生/fontendseven/项目练习/个人练习/护肤品/css/index.css Normal file
View File

@@ -0,0 +1,169 @@
.header_top{
width: 100%;
height: 45px;
position: fixed;
top: 0px;
left: 0px;
/* background-image: url(../img/beijing.png); */
}
.header{
width: 100%;
height:230px;
background-image: url(../img/beijing.png);
padding-top: 35px;
background-size: cover;
}
.header_none{
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 21.5px;
}
.header .header_text {
display: flex;
align-items: center;
font-size: 18px;
color: #ffffff;
}
.header .header_text .header_text_circle{
padding-right: 18.5px;
}
.header .header_text .header_text_nearby{}
.header .header_img{
width: 28px;
height: 21.5px;
}
.content{
width: 100%;
display: flex;
margin-top: 21px;
padding-left: 12px;
box-sizing: border-box;
}
.content .content_info{
width: 43px;
height: 43px;
}
.content .content_right{
padding-left: 11px;
}
.content .content_right .content_right_title{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 11.5px;
}
.right_title_shop{
font-size: 15px;
color: #5a6f92;
}
.right_title_distance{
padding-right: 24px;
font-size: 12px;
color: #999999;
}
.content .content_right .content_right_text{
font-size: 12px;
line-height: 18px;
color: #686868;
padding-right: 21.5px;
margin-bottom: 13px;
}
.content .content_right .content_right_img{
margin-bottom: 11px;
display: flex;
justify-content: space-around;
padding-right: 20.5px;
}
.content .content_right .content_right_img img{
width: 92.5px;
height: 92.5px;
}
.content_right_time{
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 28.5px;
margin-bottom: 18px;
}
.content_right_time .content_right_time_branch{
font-size: 12px;
color: #989898;
}
.content_right_time .content_right_time_text{
font-size: 10px;
color: #989898;
}
.content_right_time_img{
width: 17px;
height: 13px;
background-color: #f1f1f1;
}
.content_right_comment{
/* padding-left: 63px;
padding-right: 27px; */
background: #f7f7f7;
padding-left: 14px;
margin-right: 27px;
}
.content_right_comment .comment_name{
height: 37px;
line-height: 37px;
border-bottom: 1px #141414;
}
.comment_name .comment_name_img{
width: 14.5px;
height: 13px;
}
.comment_name .comment_name_fist{
font-size: 15px;
color: #5a6f92;
}
.comment_text li{
height: 30.25px;
line-height: 30.25px;
}
.comment_text .comment_name_fist{
font-size: 15px;
color: #5a6f92;
}
.comment_name .comment_name_symbol{}
.comment_text .comment_name_marvellous{
font-size: 15px;
color: #0e0e0e;
}
.content_right_comment .comment_text{
/* height: 59.5px; */
}
.footer {
width: 100%;
height: 50px;
background: #141414;
position: fixed;
bottom: 0px;
left: 0px;
font-size: 12px;
line-height: 54.167px;
color: #ffffff;
display: flex;
align-items: center;
justify-content: space-around;
}
.footer .footer_home{}
.footer .footer_friend{}
.footer .footer_circle{}
.footer .footerfooter_shopping_home{}
.footer .footer_my{}

21
历届学生/fontendseven/项目练习/个人练习/护肤品/css/public.css Normal file
View File

@@ -0,0 +1,21 @@
/* 存放使用率高的css代码 */
.left {
float: left;
}
.right {
float: right;
}
.hidden {
overflow: hidden;
}
.center {
width: 1200px;
margin: 0 auto;
}

BIN
历届学生/fontendseven/项目练习/个人练习/护肤品/img/aixin.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.7 KiB

BIN
历届学生/fontendseven/项目练习/个人练习/护肤品/img/beijing.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 65 KiB

BIN
历届学生/fontendseven/项目练习/个人练习/护肤品/img/cam.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.6 KiB

BIN
历届学生/fontendseven/项目练习/个人练习/护肤品/img/pinglun.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 504 B

BIN
历届学生/fontendseven/项目练习/个人练习/护肤品/img/shop.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.7 KiB

BIN
历届学生/fontendseven/项目练习/个人练习/护肤品/img/touxiang .png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

124
历届学生/fontendseven/项目练习/个人练习/护肤品/index.html Normal file
View File

@@ -0,0 +1,124 @@
<!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_top">111111111</div>
<div class="header">
<div class="header_none">
<div></div>
<div class="header_text">
<div class="header_text_circle">圈子</div>
<div class="header_text_nearby">附近</div>
</div>
<img src="./img/cam.png" alt="" class="header_img">
</div>
</div>
<div class="content">
<div><img src="./img/touxiang .png" alt="" class="content_info"></div>
<div class="content_right">
<div class="content_right_title">
<div class="right_title_shop">护肤品专卖店</div>
<div class="right_title_distance">>200km</div>
</div>
<div class="content_right_text">
我亲测好用我亲测好用我亲测好用我亲测好用我亲测好
用我亲测好用我亲测好用我亲测好用我亲测好用我亲好
用我亲测我亲测我亲测我亲测"
</div>
<div class="content_right_img">
<img src="./img/shop.png" alt="">
<img src="./img/shop.png" alt="">
<img src="./img/shop.png" alt="">
</div>
<div class="content_right_time">
<div class="">
<span class="content_right_time_branch">3</span>
<span class="content_right_time_text">分钟前</span>
</div>
<img src="./img/pinglun.png" alt="" class="content_right_time_img">
</div>
<div class="content_right_comment">
<div class="comment_name">
<img src="./img/aixin.png" alt="" class="comment_name_img">
<span class="comment_name_fist">张三</span>
<span class="comment_name_symbol">、</span>
<span class="comment_name_fist">李</span>
</div>
<ul class="comment_text">
<li>
<span class="comment_name_fist">小可</span>
<span class="comment_name_symbol">:</span>
<span class="comment_name_marvellous">精彩</span>
</li>
<li>
<span class="comment_name_fist">小可</span>
<span class="comment_name_symbol">:</span>
<span class="comment_name_marvellous">精彩</span>
</li>
</ul>
</div>
</div>
</div>
<div class="content">
<div><img src="./img/touxiang .png" alt="" class="content_info"></div>
<div class="content_right">
<div class="content_right_title">
<div class="right_title_shop">护肤品专卖店</div>
<div class="right_title_distance">>200km</div>
</div>
<div class="content_right_text">
我亲测好用我亲测好用我亲测好用我亲测好用我亲测好
用我亲测好用我亲测好用我亲测好用我亲测好用我亲好
用我亲测我亲测我亲测我亲测"
</div>
<div class="content_right_img">
<img src="./img/shop.png" alt="">
<img src="./img/shop.png" alt="">
<img src="./img/shop.png" alt="">
</div>
<div class="content_right_time">
<div class="">
<span class="content_right_time_branch">3</span>
<span class="content_right_time_text">分钟前</span>
</div>
<img src="./img/pinglun.png" alt="" class="content_right_time_img">
</div>
<div class="content_right_comment">
<div class="comment_name">
<img src="./img/aixin.png" alt="" class="comment_name_img">
<span class="comment_name_fist">张三</span>
<span class="comment_name_symbol">、</span>
<span class="comment_name_fist">李</span>
</div>
<ul class="comment_text">
<li>
<span class="comment_name_fist">小可</span>
<span class="comment_name_symbol">:</span>
<span class="comment_name_marvellous">精彩</span>
</li>
<li>
<span class="comment_name_fist">小可</span>
<span class="comment_name_symbol">:</span>
<span class="comment_name_marvellous">精彩</span>
</li>
</ul>
</div>
</div>
</div>
<div class="footer">
<div class="footer_home">首页</div>
<div class="footer_friend">好友</div>
<div class="footer_circle">圈子</div>
<div class="footer_shopping ">购物车</div>
<div class="footer_my">我的</div>
</div>
</body>
</html>