Coldin04/atlas-study
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: 完成 Grid 布局框架搭建 (v0.1)

Browse source
This commit is contained in:
Coldin04 2026-01-23 11:36:38 +08:00
commit 0f92a2467a
7 changed files with 198 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

32
grid-study/index.html Normal file
View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Grid布局主页</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header class="top-bar">
<div class="top-bar__brand">
<img src="src/avatar_48.png" alt="Logo" class="top-bar__logo">
<span>Coldin04 WorkSpace</span>
</div>
<div class="top-bar__actions">
<button class="top-bar__button">主页</button>
<button class="top-bar__button">退出</button>
</div>
</header>
<div class="main-content">
<main class="dashboard-grid">
<section class="card card__profile">个人卡片区域</section>
<section class="card card__rss">RSS News区域</section>
<section class="card card__task">任务区域</section>
<section class="card card__hitokoto">一言</section>
<section class="card card__photos">Photos 区域</section>
</main>
</div>
</body>
</html>