0911 第一版

src/components/GenerateImgConfirm.vue

@@ -16,11 +16,17 @@ const goToGenerateImgPage = () => {
   })
 }
 
+const closeTodoList = () => {
+  router.push({
+    name: 'selectTemplateV2'
+  })
+}
+
 </script>
 
 <template>
   <div :show="show">
-    <div class="home-wrapper" style="z-index: 9;">
+    <div class="home-wrapper">
       <div class="scene-item item-1" @click="closeTodoList">
         <img src="../assets/images/close-btn.png" alt="关闭按钮">
       </div>
@@ -36,7 +42,7 @@ const goToGenerateImgPage = () => {
 .home-wrapper {
   width: 100%;
   height: 92vh;
-  background-image: url('src/assets/images/generate-img-confirm.png');
+  background-image: url('../assets/images/generate-img-confirm.png');
   background-size: cover;
   background-repeat: no-repeat;
   display: flex;
@@ -49,9 +55,7 @@ const goToGenerateImgPage = () => {
 
 .scene-item {
   position: absolute;
-  z-index: 2;
   cursor: pointer;
-  border-radius: 8px;
   transition: all 0.4s ease;
   overflow: hidden;
   border: 3px solid transparent;
@@ -60,7 +64,6 @@ const goToGenerateImgPage = () => {
 
 .scene-item:hover {
   transform: scale(1.05);
-  z-index: 10;
 }
 
 .scene-item img {
@@ -71,15 +74,15 @@ const goToGenerateImgPage = () => {
 }
 
 .item-1 {
-  width: 40px;
+  width: 10vw;
   top: 15%;
   right: 4%;
   animation-delay: 0s;
 }
 
 .item-2 {
-  width: 246px;
-  bottom: 28px;
+  width: 47vw;
+  bottom: 5vw;
   animation-delay: 0s;
 }
 </style>