Quellcode durchsuchen

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

在关于页面背景中添加pattern遮罩层,增强页面视觉层次感
master
watermax vor 1 Woche
Ursprung
Commit
d732a28fcf
2 geänderte Dateien mit 2 neuen und 0 gelöschten Zeilen
  1. BIN
      assets/images/pattern.png
  2. 2
    0
      pages/about.vue

BIN
assets/images/pattern.png Datei anzeigen


+ 2
- 0
pages/about.vue Datei anzeigen

> >
<!-- 商务风格背景图 --> <!-- 商务风格背景图 -->
<div class="absolute inset-0 bg-business-overlay"></div> <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="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="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"> <div class="text-center mb-32 animate-fade-in">

Laden…
Abbrechen
Speichern