mirror of
https://github.com/m1ngsama/FUJI.git
synced 2025-12-24 10:51:27 +00:00
fix style
This commit is contained in:
ClasWen
parent
b2ce0fb028
commit
3fcb9b7b47
5 changed files with 77 additions and 82 deletions
|
|
@ -35,7 +35,7 @@ const menuList = ref<{
|
|||
<img
|
||||
src="https://oss.nbtca.space/CA-logo.svg"
|
||||
alt=""
|
||||
style="width: 28px; aspect-ratio: 1;"
|
||||
style="width: 32px; aspect-ratio: 1;"
|
||||
/>
|
||||
<span class="hidden md:block">
|
||||
{SITE_TITLE}
|
||||
|
|
@ -51,6 +51,7 @@ const menuList = ref<{
|
|||
),
|
||||
)
|
||||
}
|
||||
<div class="hidden lg:bock h-4 w-[0.5px] bg-gray-300 ml-1 mr-3"></div>
|
||||
<NavigationUser client:load />
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@ const onSignOut = async () => {
|
|||
const isAuthenticated = ref<boolean>()
|
||||
const userInfo = ref<IdTokenClaims>()
|
||||
const initAuth = async () => {
|
||||
if(!logtoClient.value){
|
||||
if (!logtoClient.value) {
|
||||
return
|
||||
}
|
||||
try {
|
||||
|
|
@ -34,7 +34,7 @@ onMounted(() => {
|
|||
})
|
||||
</script>
|
||||
<template>
|
||||
<div class="flex items-center justify-center w-12">
|
||||
<div class="flex items-center justify-center w-10">
|
||||
<div @click="onSignIn" v-if="isAuthenticated === false" class="">
|
||||
<a class="nav-item-content px-2 hover:text-[#2997ff] text-nowrap cursor-pointer">登入</a>
|
||||
</div>
|
||||
|
|
@ -42,8 +42,8 @@ onMounted(() => {
|
|||
<Menu as="div" class="relative inline-block text-left">
|
||||
<div>
|
||||
<MenuButton class="flex items-center focus:outline-none">
|
||||
<div class="h-7 w-7 rounded-full border border-gray-300 overflow-hidden">
|
||||
<img :src="userInfo.picture" alt="" class="w-full" />
|
||||
<div class="h-8 aspect-square rounded-full border border-gray-300 overflow-hidden">
|
||||
<img :src="userInfo.picture" alt="https://oss.nbtca.space/CA-logo.svg" class="w-full" />
|
||||
</div>
|
||||
</MenuButton>
|
||||
</div>
|
||||
|
|
@ -57,9 +57,9 @@ onMounted(() => {
|
|||
leave-to-class="transform scale-95 opacity-0"
|
||||
>
|
||||
<MenuItems
|
||||
class="absolute right-0 mt-2 w-32 origin-top-right divide-y divide-gray-100 rounded-md bg-white shadow-lg ring-1 ring-black/5 focus:outline-none"
|
||||
class="absolute right-0 mt-2 w-32 origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black/5 focus:outline-none"
|
||||
>
|
||||
<div class="px-1 py-1">
|
||||
<div class="p-1">
|
||||
<MenuItem v-slot="{ active }">
|
||||
<button
|
||||
@click="onSignOut"
|
||||
|
|
|
|||
|
|
@ -8,6 +8,11 @@ allPosts.sort(
|
|||
(a, b) =>
|
||||
Date.parse(b.frontmatter.pubDate) - Date.parse(a.frontmatter.pubDate),
|
||||
)
|
||||
|
||||
Blogs.sort(
|
||||
(a, b) =>
|
||||
Date.parse(b.frontmatter.pubDate) - Date.parse(a.frontmatter.pubDate),
|
||||
)
|
||||
---
|
||||
|
||||
<BaseLayout>
|
||||
|
|
@ -16,51 +21,51 @@ allPosts.sort(
|
|||
<ul role="list" class="section-tiles">
|
||||
{
|
||||
// tile-hero
|
||||
allPosts.slice(0, 1).map((post) => {
|
||||
return (
|
||||
<Tile
|
||||
title={post.frontmatter.title}
|
||||
href={post.url}
|
||||
date={post.frontmatter.pubDate}
|
||||
tags={post.frontmatter.tags}
|
||||
cover={post.frontmatter.cover.url}
|
||||
level="1"
|
||||
/>
|
||||
)
|
||||
})
|
||||
}
|
||||
allPosts.slice(0, 1).map((post) => {
|
||||
return (
|
||||
<Tile
|
||||
title={post.frontmatter.title}
|
||||
href={post.url}
|
||||
date={post.frontmatter.pubDate}
|
||||
tags={post.frontmatter.tags}
|
||||
cover={post.frontmatter.cover.url}
|
||||
level="1"
|
||||
/>
|
||||
)
|
||||
})
|
||||
}
|
||||
|
||||
{
|
||||
// tile-2up
|
||||
allPosts.slice(1, 5).map((post) => {
|
||||
return (
|
||||
<Tile
|
||||
title={post.frontmatter.title}
|
||||
href={post.url}
|
||||
date={post.frontmatter.pubDate}
|
||||
tags={post.frontmatter.tags}
|
||||
cover={post.frontmatter.cover.url}
|
||||
level="2"
|
||||
/>
|
||||
)
|
||||
})
|
||||
}
|
||||
allPosts.slice(1, 5).map((post) => {
|
||||
return (
|
||||
<Tile
|
||||
title={post.frontmatter.title}
|
||||
href={post.url}
|
||||
date={post.frontmatter.pubDate}
|
||||
tags={post.frontmatter.tags}
|
||||
cover={post.frontmatter.cover.url}
|
||||
level="2"
|
||||
/>
|
||||
)
|
||||
})
|
||||
}
|
||||
|
||||
{
|
||||
// tile-3up
|
||||
allPosts.slice(5, 11).map((post) => {
|
||||
return (
|
||||
<Tile
|
||||
title={post.frontmatter.title}
|
||||
href={post.url}
|
||||
date={post.frontmatter.pubDate}
|
||||
tags={post.frontmatter.tags}
|
||||
cover={post.frontmatter.cover.url}
|
||||
level="3"
|
||||
/>
|
||||
)
|
||||
})
|
||||
}
|
||||
allPosts.slice(5, 11).map((post) => {
|
||||
return (
|
||||
<Tile
|
||||
title={post.frontmatter.title}
|
||||
href={post.url}
|
||||
date={post.frontmatter.pubDate}
|
||||
tags={post.frontmatter.tags}
|
||||
cover={post.frontmatter.cover.url}
|
||||
level="3"
|
||||
/>
|
||||
)
|
||||
})
|
||||
}
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -72,30 +77,30 @@ allPosts.sort(
|
|||
<ul role="list" class="section-tiles">
|
||||
{
|
||||
// tile-2up
|
||||
allPosts.slice(0, 6).map((post) => {
|
||||
return (
|
||||
<MoreTile
|
||||
title={post.frontmatter.title}
|
||||
href={post.url}
|
||||
date={post.frontmatter.pubDate}
|
||||
tags={post.frontmatter.tags}
|
||||
cover={post.frontmatter.cover.url}
|
||||
/>
|
||||
)
|
||||
})
|
||||
}
|
||||
allPosts.slice(12, 18).map((post) => {
|
||||
return (
|
||||
<MoreTile
|
||||
title={post.frontmatter.title}
|
||||
href={post.url}
|
||||
date={post.frontmatter.pubDate}
|
||||
tags={post.frontmatter.tags}
|
||||
cover={post.frontmatter.cover.url}
|
||||
/>
|
||||
)
|
||||
})
|
||||
}
|
||||
{
|
||||
Blogs.slice(1, 7).map((post) => {
|
||||
return (
|
||||
<MoreTile
|
||||
title={post.frontmatter.title}
|
||||
href={post.url}
|
||||
date={post.frontmatter.pubDate}
|
||||
tags={post.frontmatter.tags}
|
||||
/>
|
||||
)
|
||||
})
|
||||
}
|
||||
Blogs.slice(0, 4).map((post) => {
|
||||
return (
|
||||
<MoreTile
|
||||
title={post.frontmatter.title}
|
||||
href={post.url}
|
||||
date={post.frontmatter.pubDate}
|
||||
tags={post.frontmatter.tags}
|
||||
/>
|
||||
)
|
||||
})
|
||||
}
|
||||
</ul>
|
||||
<div class="view-archive-wrapper">
|
||||
<a
|
||||
|
|
|
|||
|
|
@ -1,11 +0,0 @@
|
|||
---
|
||||
layout: "../../../layouts/MarkdownPost.astro"
|
||||
title: "My Markdown page"
|
||||
cover:
|
||||
url: "https://example.com/image.jpg"
|
||||
tags: ["markdown", "example"]
|
||||
---
|
||||
|
||||
# Title
|
||||
|
||||
This is my page, written in **Markdown.**
|
||||
|
|
@ -25,6 +25,6 @@ featured: true
|
|||
|
||||
本次活动是计算机第一次尝试这种新的活动形式，虽然经过充分的策划和安排，实际活动的过程仍然遇到困难。但是这一次活动的举办，依旧具有意义。本次活动中拍摄大约50多组照片，打印约有100多张照片。当照片从打印机出来的那一刻，在毕业氛围的烘托下，纪念意义具象化。
|
||||
|
||||
|
||||
我们在活动时间内不仅有固定摊位的拍摄，同时也有流动拍摄，希望我们的拍摄活动可以为毕业的学长学姐留下独属于他们自己的记忆。
|
||||
|
||||
我们在活动时间内不仅有固定摊位的拍摄，同时也有流动拍摄，希望我们的拍摄活动可以为毕业的学长学姐留下独属于他们自己的记忆。
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue