style: 关于页面图片增加蓝色遮罩

This commit is contained in:
fit2cloud-chenyw 2024-07-23 12:59:52 +08:00
parent 5278a1f23a
commit cec7a8468c

View File

@ -190,6 +190,7 @@ const syncFree = () => {
class="about-dialog"
>
<img width="792" height="180" :src="aboutBg" />
<div class="color-overlay"></div>
<el-icon class="logo">
<icon name="logo"></icon>
</el-icon>
@ -264,7 +265,15 @@ const syncFree = () => {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.color-overlay {
position: absolute;
border-radius: 4px;
width: 792px;
height: 180px;
top: 72px;
background-color: #7394f0;
mix-blend-mode: multiply;
}
.logo {
font-size: 400px;
position: absolute;