diff options
| author |   白咕咕 <67865300+baimianxiao@users.noreply.github.com> | 2023-11-07 01:28:02 +0800 |
|---|---|---|
| committer |   GitHub <noreply@github.com> | 2023-11-07 01:28:02 +0800 |
| commit | 477ea421a6ecd12645dd25b4d14fd1d67085f08f (patch) | |
| tree | a81b072e65a0b7484b67c159f425b0c4c9834dfb /site/src/App.vue | |
| parent | f3bea281fbe19f5c8b4fae94b8832eee3ccfcf70 (diff) | |
| download | HydroRoll-477ea421a6ecd12645dd25b4d14fd1d67085f08f.tar.gz HydroRoll-477ea421a6ecd12645dd25b4d14fd1d67085f08f.zip | |
倒计时组件 (#72)
* 部署官网框架
* 部署官网框架
* 部署官网框架
* 修改标题
* 初步完成左侧倒计时组件
* favicon
---------
Co-authored-by: 白咕咕 <baiguguos@gmail.com>
Diffstat (limited to 'site/src/App.vue')
| -rw-r--r-- | site/src/App.vue | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/site/src/App.vue b/site/src/App.vue new file mode 100644 index 0000000..8b16a9d --- /dev/null +++ b/site/src/App.vue @@ -0,0 +1,47 @@ +<script setup> +import Left from './components/Left.vue' +import TheWelcome from './components/TheWelcome.vue' +</script> + +<template> + <header> + <img alt="Vue logo" class="logo" src="./assets/Hydroroll-small.svg" width="125" height="125" /> + + <div class="wrapper"> + <Left msg="饼在画了！" date="2024-05-10T12:00:00Z" /> + </div> + </header> + + <main> + <TheWelcome /> + </main> +</template> + +<style scoped> +header { + line-height: 1.5; +} + +.logo { + display: block; + margin: 0 auto 2rem; +} + +@media (min-width: 1024px) { + header { + display: flex; + place-items: center; + padding-right: calc(var(--section-gap) / 2); + } + + .logo { + margin: 0 2rem 0 0; + } + + header .wrapper { + display: flex; + place-items: flex-start; + flex-wrap: wrap; + } +} +</style> |