cantyonion/WebIndex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化

Browse Source
This commit is contained in:
Jeffrey Hsu 2024-10-02 14:16:26 +08:00
parent b97a3a493f
commit 35545dc215
3 changed files with 19 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -2,12 +2,12 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"/> <meta charset="UTF-8"/>
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link href="/vite.svg" rel="icon" type="image/svg+xml"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>CANTYONION.SITE</title> <title>CANTYONION.SITE</title>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.ts"></script> <script src="/src/main.ts" type="module"></script>
</body> </body>
</html> </html>

10
src/components/card/IntroCard.vue
View File

@ -31,23 +31,23 @@ const littleWidget: Widget[] = [
</script> </script>
<template> <template>
<div class="container w-full flex my-16"> <div class="container my-16 flex w-full">
<!-- 头像部分 --> <!-- 头像部分 -->
<div class="w-32 h-32 rounded-full bg-white overflow-hidden hover:animate-pulse hidden sm:block"> <div class="hidden h-32 w-32 overflow-hidden rounded-full bg-white hover:animate-pulse sm:block">
<img alt="" src="https://q.qlogo.cn/g?b=qq&nk=1922471905&s=640"> <img alt="" src="https://q.qlogo.cn/g?b=qq&nk=1922471905&s=640">
</div> </div>
<!-- 文字部分 --> <!-- 文字部分 -->
<div class="container flex-1 px-4 sm:px-8 flex flex-col justify-between"> <div class="container flex flex-1 flex-col justify-between px-4 sm:px-8">
<div class="text-4xl">Jeffrey Hsu</div> <div class="text-4xl">Jeffrey Hsu</div>
<div class="text-2xl text-gray-400">你好👋，很高兴认识你！</div> <div class="text-2xl text-gray-400">你好👋，很高兴认识你！</div>
<!-- <vue-typed-js :strings="['First text', 'Second Text']">--> <!-- <vue-typed-js :strings="['First text', 'Second Text']">-->
<!-- <h1 class="typing"></h1>--> <!-- <h1 class="typing"></h1>-->
<!-- </vue-typed-js>--> <!-- </vue-typed-js>-->
<div class="flex text-xl gap-4"> <div class="flex gap-4 text-xl">
<a v-for="item in littleWidget" <a v-for="item in littleWidget"
:key="item.url" :href=item.url :title=item.title :key="item.url" :href=item.url :title=item.title
class="w-10 h-10 rounded-full bg-green-400 flex items-center justify-center text-white transition-all hover:scale-125"> class="flex h-10 w-10 items-center justify-center rounded-full bg-green-400 text-white transition-all hover:scale-125">
<font-awesome-icon :icon="item.icon"/> <font-awesome-icon :icon="item.icon"/>
</a> </a>
</div> </div>

10
src/components/nav/NavBar.vue
View File

@ -27,17 +27,17 @@ const littleWidget: Widget[] = [
<template> <template>
<nav <nav
class="w-full h-16 bg-white shadow backdrop-blur-md bg-opacity-70 fixed text-gray-600 z-20" class="fixed z-20 h-16 w-full bg-white bg-opacity-70 text-gray-600 shadow backdrop-blur-md"
> >
<div class="w-full container flex justify-center sm:justify-between items-center mx-auto"> <div class="container mx-auto flex w-full items-center justify-center sm:justify-between">
<!-- Logo --> <!-- Logo -->
<div class="min-w-16 h-full text-4xl logo py-3.5"> <div class="h-full text-4xl min-w-16 logo py-3.5">
<span>CantyOni_on's Index</span> <span>CantyOni_on's Index</span>
</div> </div>
<!-- Entry --> <!-- Entry -->
<!-- <div class="flex-1"></div>--> <!-- <div class="flex-1"></div>-->
<!-- 快速跳转小组件 --> <!-- 快速跳转小组件 -->
<div class="items-center justify-between gap-4 text-xl hidden sm:flex"> <div class="hidden items-center justify-between gap-4 text-xl sm:flex">
<a v-for="item in littleWidget" <a v-for="item in littleWidget"
:key="item.url" :href=item.url :title=item.title :key="item.url" :href=item.url :title=item.title
class="transition-all hover:scale-125"> class="transition-all hover:scale-125">
@ -47,7 +47,7 @@ const littleWidget: Widget[] = [
</div> </div>
</nav> </nav>
<!-- 用于隔开元素的 --> <!-- 用于隔开元素的 -->
<div class="h-16 w-full mb-4"></div> <div class="mb-4 h-16 w-full"></div>
</template> </template>
<style scoped> <style scoped>