xiaoyu/txw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 添加背景图

Browse Source
This commit is contained in:
liulujian 2026-04-10 16:47:57 +08:00
parent 362a9a3d4c
commit 5132297235
3 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
txw-mhzc-web/src/pages/index/assets/home-cta-bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 MiB

BIN
txw-mhzc-web/src/pages/index/assets/home-screen-bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 MiB

21
txw-mhzc-web/src/pages/index/views/home2/index.vue
View File

@ -528,20 +528,26 @@ export default {
top: 0; top: 0;
bottom: 0; bottom: 0;
z-index: 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 { .hero-gradient {
position: absolute; position: absolute;
inset: 0; inset: 0;
background: linear-gradient(135deg, var(--primary) 0%, #006B50 50%, #004D38 100%); background: linear-gradient(135deg, var(--primary) 0%, #006B50 50%, #004D38 100%);
opacity: 0.95; /* opacity: 0.95; */
opacity: 0;
} }
.hero-pattern { .hero-pattern {
position: absolute; position: absolute;
inset: 0; 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");
opacity: 0.5; /* opacity: 0.5; */
opacity: 0;
} }
/* Hero底部渐变过渡区 */ /* Hero底部渐变过渡区 */
@ -611,10 +617,12 @@ export default {
align-items: center; align-items: center;
gap: 8px; gap: 8px;
padding: 8px 16px; 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: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 20px; border-radius: 20px;
color: #fff; color: #fff;
/* color: var(--success); */
font-size: 14px; font-size: 14px;
font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);
margin-bottom: 24px; margin-bottom: 24px;
@ -1346,7 +1354,12 @@ export default {
content: ''; content: '';
position: absolute; position: absolute;
inset: 0; 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 { .cta-content {