Skip to content

Commit

Permalink
Revert "优化 VAppBar 和 VMain 组件,添加绝对定位和浮动属性,防止内容被遮挡,并增强悬浮效果"
Browse files Browse the repository at this point in the history
This reverts commit c95856c.
  • Loading branch information
SHLE1 committed Nov 18, 2024
1 parent c95856c commit d452606
Showing 1 changed file with 2 additions and 6 deletions.
8 changes: 2 additions & 6 deletions app.vue
Original file line number Diff line number Diff line change
Expand Up @@ -51,12 +51,10 @@ window.global = window;

<template>
<VApp>
<!-- 添加 absolute 和 floating 属性 -->
<VAppBar class="gradient" elevation="3" absolute floating>
<VAppBar class="gradient" elevation="3">
<VAppBarTitle class="text-center text-white">让每个人都能感受到科技的乐趣</VAppBarTitle>
</VAppBar>
<!-- 为了防止内容被导航栏遮挡,给 VMain 添加上边距 -->
<VMain style="padding-top: 64px;">
<VMain>
<div class="p-4">
<NuxtPage />
<p class="mt-4 text-xs">
Expand All @@ -72,8 +70,6 @@ window.global = window;
background: linear-gradient(45deg, #1a95ed, #24c2de, #31d475);
background-size: 200% 200%;
animation: gradient 5s ease infinite;
/* 可以添加一些阴影效果增强悬浮感 */
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
}
@keyframes gradient {
Expand Down

0 comments on commit d452606

Please sign in to comment.