diff --git a/txw-mhzc-web/src/pages/index/assets/home-cta-bg.png b/txw-mhzc-web/src/pages/index/assets/home-cta-bg.png new file mode 100644 index 0000000..d083f9b Binary files /dev/null and b/txw-mhzc-web/src/pages/index/assets/home-cta-bg.png differ diff --git a/txw-mhzc-web/src/pages/index/assets/home-screen-bg.png b/txw-mhzc-web/src/pages/index/assets/home-screen-bg.png new file mode 100644 index 0000000..1c3cc0c Binary files /dev/null and b/txw-mhzc-web/src/pages/index/assets/home-screen-bg.png differ diff --git a/txw-mhzc-web/src/pages/index/views/home2/index.vue b/txw-mhzc-web/src/pages/index/views/home2/index.vue index c407bbc..6251cf5 100644 --- a/txw-mhzc-web/src/pages/index/views/home2/index.vue +++ b/txw-mhzc-web/src/pages/index/views/home2/index.vue @@ -528,20 +528,26 @@ export default { top: 0; bottom: 0; z-index: 0; + background-image: url('../../assets/home-screen-bg.png'); + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; } .hero-gradient { position: absolute; inset: 0; background: linear-gradient(135deg, var(--primary) 0%, #006B50 50%, #004D38 100%); - opacity: 0.95; + /* opacity: 0.95; */ + opacity: 0; } .hero-pattern { position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - opacity: 0.5; + /* opacity: 0.5; */ + opacity: 0; } /* Hero底部渐变过渡区 */ @@ -611,10 +617,12 @@ export default { align-items: center; gap: 8px; padding: 8px 16px; - background: rgba(255, 255, 255, 0.15); + /* background: rgba(255, 255, 255, 0.15); */ + background: rgba(120, 190, 120, 0.6); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 20px; color: #fff; + /* color: var(--success); */ font-size: 14px; font-weight: var(--font-weight-medium); margin-bottom: 24px; @@ -1346,7 +1354,12 @@ export default { content: ''; position: absolute; inset: 0; - background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + /* background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); */ + + background-image: url('../../assets/home-cta-bg.png'); + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; } .cta-content {