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

39
历届学生/朱立伟/项目案例/小说app/css/clear.css Normal file
View File

@@ -0,0 +1,39 @@
html {
font-size: 20px !important;
}
@media only screen and (min-width: 320px) {
html {
font-size: 17.1px !important;
}
}
@media only screen and (min-width: 375px) {
html {
font-size: 20px !important;
}
}
@media only screen and (min-width: 400px) {
html {
font-size: 21.33333333px !important;
}
}
@media only screen and (min-width: 414px) {
html {
font-size: 22.08px !important;
}
}
@media only screen and (min-width: 480px) {
html {
font-size: 25.6px !important;
}
}
body,ul,p{
margin: 0;
padding: 0;
}
li {
list-style: none;
}
input {
outline: none;
}

33
历届学生/朱立伟/项目案例/小说app/css/footer.css Normal file
View File

@@ -0,0 +1,33 @@
.footer {
position: fixed;
bottom: 0;
left: 0;
right: 0px;
width: 100%;
background: #fff;
box-shadow: 0rem -0.2rem 0.4rem 0rem rgba(217, 217, 217, 0.5);
height: 2.5rem;
}
.footer ul {
display: flex;
justify-content: space-around;
width: 100%;
height: 100%;
align-items: center;
padding-top: .1rem;
}
.footer ul li {
text-align: center;
}
.footer ul li img {
width: 1.2rem;
height: 1.2rem;
}
.footer ul li p {
font-size: .5rem;
color: #4d4d4d;
}
.footer .main img{
width: 1.9rem;
height: 1.9rem;
}

125
历届学生/朱立伟/项目案例/小说app/css/index.css Normal file
View File

@@ -0,0 +1,125 @@
.search {
display: flex;
justify-content: space-between;
padding: 0.325rem 0.5rem 0 0.5rem;
align-items: center;
}
.search_class p{
font-size: 0.6rem;
color: #010101;
}
.search_left{
position: relative;
}
.search_left input{
background-color: #e6e6e6;
border-radius: 0.712rem;
border: none;
padding-left: 1.675rem;
box-sizing: border-box;
padding-top: 0.45rem;
padding-bottom: 0.45rem;
width: 15.4rem;
}
.search_left img{
position: absolute;
width: 0.65rem;
height: 0.65rem;
top: 50%;
margin-top: -6.5px;
}
.search_left img:first-child {
left: 0.6rem;
}
.search_left img:last-child {
right: 0.85rem;
}
.menu ul {
display: flex;
justify-content: space-around;
height: 45px;
align-items: center;
}
.menu ul li{
font-size: 0.6rem;
color: #4c4c4c;
}
.banner {
width: 100%;
height: 7.875rem;
background: #8d8d8d;
}
.banner img{
width: 100%;
}
.class_menu ul {
display: flex;
justify-content: space-around;
padding-top: 0.825rem;
padding-bottom: 0.95rem;
background: #fff;
}
.class_menu ul li {
text-align: center;
}
.class_menu ul li img {
width: 1.4rem;
height: 1.4rem;
}
.class_menu ul li p {
font-size: 0.45rem;
color: #000000;
margin-top: 0.35rem;
}
.list_book {
}
.book_item {
padding-top: 0.425rem;
padding-left: 0.85rem;
padding-right: 0.85rem;
margin-top: 0.25rem;
}
.item_title {
display: flex;
justify-content: space-between;
margin-bottom: 0.925rem;
height: 1.15rem;
align-items: center;
}
.item_title p{
font-size: 0.65rem;
color: #000000;
border-left: 0.4rem solid #ff4c8a;
padding-left: 0.35rem;
padding-top: 0.525rem;
}
.item_title span{
font-size: 0.4rem;
color: #4d4d4d;
padding-top: 0.525rem;
}
.book_content ul {
display: flex;
flex-wrap: wrap;
}
.book_content ul li {
margin-right: 0.59rem;
margin-bottom: 1.2rem;
}
.book_content ul li:nth-child(3n) {
margin-right: 0;
}
.book_content ul li img {
width: 5.225rem;
height: 7rem;
}
.book_content ul li p {
font-size: .6rem;
letter-spacing: 0.045rem;
color: #000000;
width: 5rem;
}

16
历届学生/朱立伟/项目案例/小说app/css/public.css Normal file
View File

@@ -0,0 +1,16 @@
body {
background-color: #e6e6e6;
}
.back-fff {
background: #fff;
}
.content{
padding-bottom: 50px;
padding-top: 84.5px;
}
.header {
position: fixed;
left: 0;
width: 100%;
top: 0;
}

BIN
历届学生/朱立伟/项目案例/小说app/img/banner.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 285 KiB

BIN
历届学生/朱立伟/项目案例/小说app/img/book.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
历届学生/朱立伟/项目案例/小说app/img/item_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 108 KiB

BIN
历届学生/朱立伟/项目案例/小说app/img/man.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
历届学生/朱立伟/项目案例/小说app/img/mianfei.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
历届学生/朱立伟/项目案例/小说app/img/music.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
历届学生/朱立伟/项目案例/小说app/img/ph.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
历届学生/朱立伟/项目案例/小说app/img/sao.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
历届学生/朱立伟/项目案例/小说app/img/search.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
历届学生/朱立伟/项目案例/小说app/img/sq.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
历届学生/朱立伟/项目案例/小说app/img/tubiao.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
历届学生/朱立伟/项目案例/小说app/img/user.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
历届学生/朱立伟/项目案例/小说app/img/vip.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

171
历届学生/朱立伟/项目案例/小说app/index.html Normal file
View File

@@ -0,0 +1,171 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/public.css">
<link rel="stylesheet" href="./css/footer.css">
<link rel="stylesheet" href="./css/index.css">
<title>小说app</title>
</head>
<body>
<div class="main">
<div class="header back-fff">
<div class="search">
<div class="search_left">
<img src="./img/search.png" alt="">
<input type="text" placeholder="搜索本地或书城">
<img src="./img/sao.png" alt="">
</div>
<div class="search_class">
<p>分类</p>
</div>
</div>
<div class="menu">
<ul>
<li>精选</li>
<li>女生</li>
<li>男生</li>
<li>出版</li>
<li>VIP</li>
<li>限免</li>
</ul>
</div>
</div>
<div class="content">
<div class="banner">
<img src="./img/banner.png" alt="">
</div>
<div class="class_menu">
<ul>
<li>
<img src="./img/ph.png" alt="">
<p>排行</p>
</li>
<li>
<img src="./img/vip.png" alt="">
<p>会员</p>
</li>
<li>
<img src="./img/sq.png" alt="">
<p>社区</p>
</li>
<li>
<img src="./img/mianfei.png" alt="">
<p>免费</p>
</li>
</ul>
</div>
<div class="list_book">
<div class="book_item back-fff">
<div class="item_title">
<p>猜你喜欢</p>
<span>查看更多</span>
</div>
<div class="book_content">
<ul>
<li>
<img src="./img/item_1.png" alt="">
<p>龙凤双宝：爹地，妈咪给你抱</p>
</li>
<li>
<img src="./img/item_1.png" alt="">
<p>龙凤双宝：爹地，妈咪给你抱</p>
</li>
<li>
<img src="./img/item_1.png" alt="">
<p>龙凤双宝：爹地，妈咪给你抱</p>
</li>
<li>
<img src="./img/item_1.png" alt="">
<p>龙凤双宝：爹地，妈咪给你抱</p>
</li>
<li>
<img src="./img/item_1.png" alt="">
<p>龙凤双宝：爹地，妈咪给你抱</p>
</li>
<li>
<img src="./img/item_1.png" alt="">
<p>龙凤双宝：爹地，妈咪给你抱</p>
</li>
</ul>
</div>
</div>
<div class="book_item back-fff">
<div class="item_title">
<p>猜你喜欢</p>
<span>查看更多</span>
</div>
<div class="book_content">
<ul>
<li>
<img src="./img/item_1.png" alt="">
<p>龙凤双宝：爹地，妈咪给你抱</p>
</li>
<li>
<img src="./img/item_1.png" alt="">
<p>龙凤双宝：爹地，妈咪给你抱</p>
</li>
<li>
<img src="./img/item_1.png" alt="">
<p>龙凤双宝：爹地，妈咪给你抱</p>
</li>
<li>
<img src="./img/item_1.png" alt="">
<p>龙凤双宝：爹地，妈咪给你抱</p>
</li>
<li>
<img src="./img/item_1.png" alt="">
<p>龙凤双宝：爹地，妈咪给你抱</p>
</li>
<li>
<img src="./img/item_1.png" alt="">
<p>龙凤双宝：爹地，妈咪给你抱</p>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer">
<ul>
<li>
<img src="./img/book.png" alt="">
<p>书架</p>
</li>
<li>
<img src="./img/tubiao.png" alt="">
<p>书城</p>
</li>
<li class="main">
<img src="./img/man.png" alt="">
</li>
<li>
<img src="./img/music.png" alt="">
<p>轻音乐</p>
</li>
<li>
<img src="./img/user.png" alt="">
<p>我的</p>
</li>
</ul>
</div>
</div>
</body>
</html>