Просмотр исходного кода

feat(about): 添加pattern遮罩层提升视觉效果

在关于页面背景中添加pattern遮罩层,增强页面视觉层次感
master
watermax 1 неделю назад
Родитель
Сommit
d732a28fcf
2 измененных файлов: 2 добавлений и 0 удалений
  1. Двоичные данные
      assets/images/pattern.png
  2. 2
    0
      pages/about.vue

Двоичные данные
assets/images/pattern.png Просмотреть файл


+ 2
- 0
pages/about.vue Просмотреть файл

@@ -85,6 +85,8 @@
>
<!-- 商务风格背景图 -->
<div class="absolute inset-0 bg-business-overlay"></div>
<!-- 添加pattern遮罩层 -->
<div class="absolute inset-0 bg-[url('~/assets/images/pattern.png')] bg-[100px_100px] bg-repeat"></div>
<div class="absolute inset-0 bg-gradient-to-b from-black/70 via-black/50 to-black/70"></div>
<div class="max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
<div class="text-center mb-32 animate-fade-in">

Загрузка…
Отмена
Сохранить