kaku/ComiPy
1
0
Fork 0
mirror of https://github.com/Kakune55/ComiPy.git synced 2025-05-06 18:29:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

使用显式GC节省内存 + 为book页添加响应式布局

Browse Source
This commit is contained in:
Kakune55 2024-04-15 16:59:38 +08:00
parent a434e44f7f
commit 0d68d58e3f
3 changed files with 76 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

124
templates/book.html
View File

@ -1,56 +1,76 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-cn"> <html lang="zh-cn">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="/static/css/bootstrap.min.css" rel="stylesheet"> <link href="/static/css/bootstrap.min.css" rel="stylesheet">
<title>详情页面</title> <title>详情页面</title>
<style> <style>
body { body {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.container {
display: flex; .container {
flex-direction: column; display: flex;
align-items: center; flex-direction: column;
} align-items: center;
.header { }
display: flex;
justify-content: space-between; .header {
width: 80%; display: flex;
margin-top: 20px; justify-content: space-between;
} flex-direction: column;
.movie-poster { width: 80%;
flex: 1; margin-top: 20px;
margin-right: 20px; }
}
.movie-details { @media (min-width: 600px) {
flex: 2; .header {
} flex-direction: row;
.movie-details h1 { }
font-size: 24px; }
margin-bottom: 10px;
}
.movie-details p {
font-size: 16px; .movie-poster {
margin-bottom: 10px; flex: 1;
} margin-right: 20px;
.comments-section { }
width: 80%;
margin-top: 20px; .movie-details {
} flex: 2;
.comment { }
border: 1px solid #ccc;
padding: 10px; .movie-details h1 {
margin-bottom: 10px; font-size: 24px;
} margin-bottom: 10px;
.comment p { }
margin: 0;
} .movie-details p {
</style> font-size: 16px;
margin-bottom: 10px;
}
.comments-section {
width: 80%;
margin-top: 20px;
}
.comment {
border: 1px solid #ccc;
padding: 10px;
margin-bottom: 10px;
}
.comment p {
margin: 0;
}
</style>
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<div class="header"> <div class="header">
@ -73,10 +93,12 @@
<p>用户A：Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis, quam!</p> <p>用户A：Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis, quam!</p>
</div> </div>
<div class="comment"> <div class="comment">
<p>用户B：Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aut sunt tempore architecto minus, cum mollitia voluptatibus repellendus aliquid id reprehenderit.</p> <p>用户B：Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aut sunt tempore architecto minus, cum
mollitia voluptatibus repellendus aliquid id reprehenderit.</p>
</div> </div>
<!-- 在此添加更多评论 --> <!-- 在此添加更多评论 -->
</div> </div>
</div> </div>
</body> </body>
</html>
</html>

2
templates/view.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="zh-cn">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">

3
web/api_Img.py
View File

@ -1,6 +1,6 @@
from flask import * from flask import *
from flask import Blueprint from flask import Blueprint
import db.file , file import db.file , file, gc
api_Img_bp = Blueprint("api_Img_bp", __name__) api_Img_bp = Blueprint("api_Img_bp", __name__)
@ -23,4 +23,5 @@ def img(bookid, index): # 图片接口
del data del data
response.headers.set("Content-Type", "image/Webp") response.headers.set("Content-Type", "image/Webp")
response.headers.set("Content-Disposition", "inline", filename=filename) response.headers.set("Content-Disposition", "inline", filename=filename)
gc.collect()
return response return response