瀏覽代碼

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

在关于页面背景中添加pattern遮罩层,增强页面视觉层次感
master
watermax 1 周之前
父節點
當前提交
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">

Loading…
取消
儲存