overcast404/ocer-cc-old
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

✨ feat: add 51la.js

Browse Source
This commit is contained in:
guoqi.sun 2024-02-13 10:18:49 +08:00
parent 1591b80501
commit 9e836156ef
2 changed files with 30 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
index.html
View File

@ -2,9 +2,17 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<!-- <link rel="icon" type="image/svg+xml" href="/vite.svg" /> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + Vue</title>
<title>小孙同学-热爱可抵岁月漫长</title>
<script
charset="UTF-8"
id="LA_COLLECT"
src="//sdk.51.la/js-sdk-pro.min.js"
></script>
<script>
LA.init({ id: '3HTdvOqsAGXYoW12', ck: '3HTdvOqsAGXYoW12' })
</script>
</head>
<body>
<div id="app"></div>

30
src/App.vue
View File

@ -105,11 +105,21 @@ onMounted(() => {
</div>
<div mx-10 mb-10 flex justify-between>
<div class="text-white/80">
<p>嗨，你好，我是小孙同学。</p>
<p>热爱编程、摄影、读书、旅行。</p>
<p>热爱计算机科学和 IT 互联网事业，希望能成为一名优秀的开发者。</p>
<p>我们正在让这个世界变得更加美好，通过代码的重复使用和延展构建完美体系。</p>
<p>We're making the world a better place. Through constructing elegant hierarchies for maximum code reuse and extensibility.</p>
<p leading-8>
嗨，你好，我是小孙同学。
</p>
<p leading-8>
热爱编程、摄影、读书、旅行。
</p>
<p leading-8>
热爱计算机科学和 IT 互联网事业，希望能成为一名优秀的开发者。
</p>
<p leading-8>
我们正在让这个世界变得更加美好，通过代码的重复使用和延展构建完美体系。
</p>
<p leading-8>
We're making the world a better place. Through constructing elegant hierarchies for maximum code reuse and extensibility.
</p>
</div>
<div>
<img rounded-full w-25 src="https://blog.sunguoqi.com/images/avatar.jpg" alt="">
@ -124,7 +134,7 @@ onMounted(() => {
<div mb-10 flex flex-wrap justify-between>
<div v-for="(item, index) in data.myProjects" :key="index" mx-10 my-4 class="basis-1/6">
<a :href="item.link">
<div p-2 opacity-10 bg-white rounded-lg shadow-md flex-col backdrop-blur-3xl backdrop-opacity-60 hover:opacity-20 hover:skew-y-1 hover:backdrop-opacity-100>
<div p-2 class="bg-white/5 hover:bg-white/10" rounded-lg shadow-md flex-col backdrop-blur-3xl backdrop-opacity-60 hover:skew-y-1 hover:backdrop-opacity-100>
<div class="text-white" text-bold opacity-75>
{{ item.name }}
</div>
@ -140,7 +150,7 @@ onMounted(() => {
</div>
<div flex flex-wrap justify-between>
<div mx-10 my-4 class="basis-1/6">
<div p-2 opacity-10 rounded-lg shadow-md flex-col justify-between items-center backdrop-blur-3xl backdrop-opacity-60 hover:opacity-20 hover:skew-y-1 hover:backdrop-opacity-100>
<div p-2 class="bg-white/5 hover:bg-white/10" rounded-lg shadow-md flex-col justify-between items-center backdrop-blur-3xl backdrop-opacity-60 hover:skew-y-1 hover:backdrop-opacity-100>
<a href="https://github.com/sun0225SUN">
<div mb-1 text-white f-c-c>
<i i-ant-design-github-outlined />
@ -152,7 +162,7 @@ onMounted(() => {
</div>
</div>
<div mx-10 my-4 class="basis-1/6">
<div p-2 opacity-10 rounded-lg shadow-md flex-col justify-between items-center backdrop-blur-3xl backdrop-opacity-60 hover:opacity-20 hover:skew-y-1 hover:backdrop-opacity-100>
<div p-2 class="bg-white/5 hover:bg-white/10" rounded-lg shadow-md flex-col justify-between items-center backdrop-blur-3xl backdrop-opacity-60 hover:skew-y-1 hover:backdrop-opacity-100>
<a href="https://twitter.com/sun0225SUN">
<div mb-1 text-white f-c-c>
<i i-ant-design-x-outlined />
@ -164,7 +174,7 @@ onMounted(() => {
</div>
</div>
<div mx-10 my-4 class="basis-1/6">
<div p-2 opacity-10 rounded-lg shadow-md flex-col justify-between items-center backdrop-blur-3xl backdrop-opacity-60 hover:opacity-20 hover:skew-y-1 hover:backdrop-opacity-100>
<div p-2 class="bg-white/5 hover:bg-white/10" rounded-lg shadow-md flex-col justify-between items-center backdrop-blur-3xl backdrop-opacity-60 hover:skew-y-1 hover:backdrop-opacity-100>
<a href="https://youtube.com/@sun0225SUN">
<div mb-1 text-white f-c-c>
<i i-ant-design-youtube-outlined />
@ -176,7 +186,7 @@ onMounted(() => {
</div>
</div>
<div mx-10 my-4 class="basis-1/6">
<div p-2 opacity-10 rounded-lg shadow-md flex-col justify-between items-center backdrop-blur-3xl backdrop-opacity-60 hover:opacity-20 hover:skew-y-1 hover:backdrop-opacity-100>
<div p-2 class="bg-white/5 hover:bg-white/10" rounded-lg shadow-md flex-col justify-between items-center backdrop-blur-3xl backdrop-opacity-60 hover:skew-y-1 hover:backdrop-opacity-100>
<a href="https://space.bilibili.com/448488855/">
<div mb-1 text-white f-c-c>
<i i-ant-design-bilibili-outlined />