DreamLife/DreamLife_HomePage
DreamLife/DreamLife_HomePage
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

添加svg动效

Browse Source
This commit is contained in:
张梦南 2025-10-16 20:51:00 +08:00
parent b8f84dbe7e
commit 0c42224e2a
3 changed files with 32 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
css/svg.css Normal file
View File

@ -0,0 +1,14 @@
/* PC端设置 */
#tanChiShe {
width: clamp(100px, 40vw, 600px);
height: auto;
display: block;
margin: 0 auto;
}
/* 移动端适配 */
@media (max-width: 768px) {
#tanChiShe {
width: clamp(100px, 80vw, 600px);
}
}

33
index.html
View File

@ -4,17 +4,18 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>DreamLife|HomePage</title> <title>DreamLife|HomePage</title>
<link rel="stylesheet" href="homepage/css/footer.css"> <link rel="stylesheet" href="css/footer.css">
<link rel="stylesheet" href="homepage/css/body.css"> <link rel="stylesheet" href="css/body.css">
<link rel="stylesheet" href="homepage/css/chat.css"> <link rel="stylesheet" href="css/chat.css">
<link rel="stylesheet" href="homepage/css/font.css"> <link rel="stylesheet" href="css/font.css">
<link rel="stylesheet" href="homepage/css/time.css"> <link rel="stylesheet" href="css/time.css">
<link rel="stylesheet" href="homepage/css/max_width.css"> <link rel="stylesheet" href="css/max_width.css">
<link rel="stylesheet" href="css/svg.css">
</head> </head>
<body> <body>
<button id="fullscreen-button" class="fullscreen-btn"> <button id="fullscreen-button" class="fullscreen-btn">
<span class="icon"><img src="homepage/icon/full.png" width="30px"></span> <span class="icon"><img src="icon/full.png" width="30px"></span>
</button> </button>
<div class="main-layout"> <div class="main-layout">
@ -41,7 +42,7 @@
<div id="dateDisplay" class="date">加载中...</div> <div id="dateDisplay" class="date">加载中...</div>
</div> </div>
<div class="future-content"> <div class="future-content">
<p>此处预留未来内容</p> <img id="tanChiShe" src="svg/snake-Light.svg" alt="">
</div> </div>
</div> </div>
</div> </div>
@ -70,14 +71,14 @@
<p><img src="icon/beian.png" width="12" style="margin-right: 4px;"><a href="https://beian.mps.gov.cn/#/query/webSearch?code=12011402001636" rel="noreferrer" target="_blank" style="color: #fff; text-decoration: none;">津公网安备12011402001636号</a></p> <p><img src="icon/beian.png" width="12" style="margin-right: 4px;"><a href="https://beian.mps.gov.cn/#/query/webSearch?code=12011402001636" rel="noreferrer" target="_blank" style="color: #fff; text-decoration: none;">津公网安备12011402001636号</a></p>
</footer> </footer>
<script src="homepage/javascape/time.js"></script> <script src="javascape/time.js"></script>
<script src="homepage/javascape/ai_api.js"></script> <script src="javascape/ai_api.js"></script>
<script src="homepage/javascape/chat.js"></script> <script src="javascape/chat.js"></script>
<script src="homepage/javascape/max_width.js"></script> <script src="javascape/max_width.js"></script>
<script src="homepage/javascape/marked.min.js"></script> <script src="javascape/marked.min.js"></script>
<script src="homepage/javascape/purify.min.js"></script> <script src="javascape/purify.min.js"></script>
<script src="homepage/javascape/full_button.js"></script> <script src="javascape/full_button.js"></script>
<script src="homepage/javascape/switch_interface.js"></script> <script src="javascape/switch_interface.js"></script>
</body> </body>
</html> </html>

1
svg/snake-Light.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 75 KiB