This commit is contained in:
2023-12-06 16:32:50 +08:00
parent 1ac1a12fa2
commit 2cdbb170a5
3 changed files with 12 additions and 2 deletions

View File

@@ -4,11 +4,12 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.ico" /> <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>首页</title> <title>徐越的在线学习平台</title>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
<a class="icp" href="https://beian.miit.gov.cn" target="_blank">浙ICP备2023044109号</a>
<script type="module" src="/main.js"></script> <script type="module" src="/main.js"></script>
</body> </body>
</html> </html>

View File

@@ -43,7 +43,7 @@ const item = (site) => `
document.querySelector("#app").innerHTML = ` document.querySelector("#app").innerHTML = `
<div class="container"> <div class="container">
<main class="main"> <main class="main">
<h1 class="title">徐越的在线学平台</h1> <h1 class="title">徐越的在线学平台</h1>
<div class="grid" id="sites"></div> <div class="grid" id="sites"></div>
</main> </main>
</div> </div>

View File

@@ -84,6 +84,15 @@ a {
line-height: 1.5; line-height: 1.5;
} }
.icp {
position: fixed;
left: 50%;
bottom: 20px;
transform: translateX(-50%);
text-decoration: none;
font-size: 12px;
}
@media (max-width: 600px) { @media (max-width: 600px) {
.grid { .grid {
width: 100%; width: 100%;