todolist
This commit is contained in:
@@ -64,7 +64,7 @@ const handleNavClick = (event) => {
|
||||
<div :show="show">
|
||||
<div class="home-wrapper">
|
||||
<div class="scene-item item-1">
|
||||
<img src="../assets/images/back-btn.png" @click="navigateTodoList" alt="后退">
|
||||
<img src="../assets/images/back-btn.webp" @click="navigateTodoList" alt="后退">
|
||||
</div>
|
||||
|
||||
<!-- 显示当前选中的背景图片 -->
|
||||
@@ -99,7 +99,7 @@ const handleNavClick = (event) => {
|
||||
class="mask-image mask-background"
|
||||
:style="{ 'background-image': `url(${item.imgUrl})` }"
|
||||
>
|
||||
<img class="border-img" src="../assets/images/generate/border.png" alt="边框">
|
||||
<img class="border-img" src="../assets/images/generate/border.webp" alt="边框">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -154,8 +154,8 @@ const handleNavClick = (event) => {
|
||||
overflow-y: auto;
|
||||
}
|
||||
.mask-background {
|
||||
-webkit-mask-image: url("../assets/images/generate/mengban.png");
|
||||
mask-image: url("../assets/images/generate/mengban.png");
|
||||
-webkit-mask-image: url("../assets/images/generate/mengban.webp");
|
||||
mask-image: url("../assets/images/generate/mengban.webp");
|
||||
-webkit-mask-size: contain;
|
||||
mask-size: contain;
|
||||
-webkit-mask-position: center;
|
||||
@@ -181,7 +181,7 @@ const handleNavClick = (event) => {
|
||||
.home-wrapper {
|
||||
width: 100%;
|
||||
height: 92vh;
|
||||
background-image: url('../assets/images/generate/select-template-bg.png');
|
||||
background-image: url('../assets/images/generate/select-template-bg.webp');
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user