feat: 样式。
This commit is contained in:
parent
c3ae2c102c
commit
cfc2c28f02
11
src/App.vue
11
src/App.vue
@ -145,14 +145,14 @@ onMounted(() => {
|
||||
<div mx-10 mb-10 flex text-5 justify-between>
|
||||
<div class="text-white/90">
|
||||
<p leading-10>一个浪漫现实主义作家</p>
|
||||
<p leading-10>我始终在创作一本名为《<b>人生</b>》的书</p>
|
||||
<p leading-10><b>科技</b>、<b>音乐</b>、<b>哲学</b>是书中的主旋律</p>
|
||||
<p leading-10>
|
||||
<p text-6 leading-10>我始终在创作一本名为《<b>人生</b>》的书</p>
|
||||
<p text-7 leading-10><b>科技</b>、<b>音乐</b>、<b>哲学</b>是书中的主旋律</p>
|
||||
<p text-6 leading-10>
|
||||
<b>浪漫</b>、<b>可爱</b>、<b>阳光</b>是我最喜欢的形容词
|
||||
</p>
|
||||
<p leading-10>我期待各种鲜活角色的登场</p>
|
||||
<p leading-10>也渴望无数精彩故事的落幕</p>
|
||||
<p leading-10>我们的相遇</p>
|
||||
<p text-6 leading-10>我们的相遇</p>
|
||||
<p leading-10>或许是一段新旅途的开始......</p>
|
||||
</div>
|
||||
|
||||
@ -160,7 +160,8 @@ onMounted(() => {
|
||||
src="https://img.ocer.cc/images/2024/02/24/3cH8.th.jpeg" alt="avatar" />
|
||||
</div>
|
||||
<!-- <div text-bold mb-2 ml-10 text-8 text-white>Projects</div> -->
|
||||
<div mb-10 flex flex-wrap justify-between>
|
||||
<!-- <div mb-10 flex flex-wrap justify-between> -->
|
||||
<div mb-10 flex flex-wrap >
|
||||
<div v-for="(item, index) in data.myProjects" :key="index" mx-10 my-4 class="basis-3/4 md:basis-1/6">
|
||||
<a :href="item.link" target="_blank">
|
||||
<div class="bg-white/5 hover:bg-white/10" p-2 rounded-lg shadow-md flex-col transition backdrop-blur-3xl
|
||||
|
Loading…
Reference in New Issue
Block a user