skimrme/open-ww3-project-ww3-tw
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

添加页面等比例缩放

Browse Source
This commit is contained in:
skimrme
2025-07-26 20:07:01 +08:00
parent 11b8592abf
commit 3ee0131b0e
1 changed files with 9 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
public/message/index.php
View File

@@ -1,6 +1,7 @@
<html> <html>
<head> <head>
<meta charset="utf-8" lang="zh-CN"> <meta charset="utf-8" lang="zh-CN">
<meta name="viewport" content="width=1366px, initial-scale=1.0"> <!-- 页面等比例缩小 -->
<link rel="stylesheet" type="text/css" href="./static/css/navbar/body_color.css"> <link rel="stylesheet" type="text/css" href="./static/css/navbar/body_color.css">
<link rel="icon" type="img/icon" href="./static/icon/original.ico"> <link rel="icon" type="img/icon" href="./static/icon/original.ico">
</head> </head>
@@ -62,7 +63,6 @@
color: rgb(255, 74, 74); color: rgb(255, 74, 74);
text-align: left; text-align: left;
font-size: 18px; font-size: 18px;
} }
#message_video #message_video
@@ -70,30 +70,19 @@
background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0);
color: white; color: white;
text-align: center; text-align: center;
width: 60%; width: 700px;
height: 69%; height: 410px;
margin: auto;
top: 22%;
left: 0;
right: 0;
bottom: 0;
/* 页面边距 上、右、下、左 */ /* 页面边距 上、右、下、左 */
margin: 1.89% 0px 0px 0%; margin: 1.89% 0px 0px 0%;
} }
#message_com #message_com
{ {
background-color: rgba(255, 255, 255, 0); background-color: rgba(0, 0, 0, 0);
width: 360px;
width: 33%; height: 410px;
height: 69%;
margin: auto;
top: 22%;
left: 0;
right: 0;
bottom: 0;
/* 页面边距 上、右、下、左 */ /* 页面边距 上、右、下、左 */
margin: -38.4% 0px 0px 63.8%; margin: -405px 0px 0px 63.8%;
} }
@@ -140,8 +129,8 @@ function push_message() {
</script> </script>
<script> <script>
// 这是你的 API 地址，请确保它是正确的 const API_URL = 'https://api.ww3.tw/danmu/get.php'; //连接api的地址
const API_URL = 'https://api.ww3.tw/danmu/index.php';
// 使用 DOMContentLoaded 事件，确保页面 HTML 结构加载完成后再执行 JavaScript // 使用 DOMContentLoaded 事件，确保页面 HTML 结构加载完成后再执行 JavaScript
document.addEventListener('DOMContentLoaded', async () => { document.addEventListener('DOMContentLoaded', async () => {
// 获取用于显示内容的 <pre> 元素 // 获取用于显示内容的 <pre> 元素