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;
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 {