소스 검색

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

在关于页面背景中添加pattern遮罩层,增强页面视觉层次感
master
watermax 1 주 전
부모
커밋
d732a28fcf
2개의 변경된 파일2개의 추가작업 그리고 0개의 파일을 삭제
  1. BIN
      assets/images/pattern.png
  2. 2
    0
      pages/about.vue

BIN
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">

Loading…
취소
저장