Commit @9787b0677ac723a9151b268f7dcd3e794fdd9989

이은진 2024-08-14

240814 이은진 단어장4 수정

@9787b0677ac723a9151b268f7dcd3e794fdd9989

618dff2

9787b06

client/views/pages/main/Chapter/Chapter2_9.vue

--- client/views/pages/main/Chapter/Chapter2_9.vue

+++ client/views/pages/main/Chapter/Chapter2_9.vue


     <div class="flex justify-between align-center">
       <div class="pre-btn" @click="goToPage('Chapter2_2')"><img src="../../../../resources/img/left.png" alt=""></div>
       <div class="content title-box">
-        <p class="title mt25 title-bg">STEP 2 - 단어로 공부하는 영어</p>
+        <div style="display: flex; justify-content: space-between;">
+          <p class="title mt25 title-bg">STEP 2 - 단어로 공부하는 영어</p>
+          <button id="returnButton" @click="returnPage" style="margin: 4rem;">
+            <img src="../../../../resources/img/btn_return_50x50.png" alt="">
+            <p>되돌리기</p>
+          </button>
+        </div>
         <div class="flex align-center mb30">
           <p class="subtitle2 mr20">앗! 잉크가 쏟아졌어! 지우개로 잉크를 지워줘!</p>
         </div>

   </div>
 </template>
 
-  
+
 <script>
 export default {
   data() {

       }
 
       this.draggedElementId = null; // 드래그 상태 초기화
-    }
+    },
+    returnPage() {
+      window.location.reload();
+    },
   },
   mounted() {
     // 드래그 가능한 영역에 드래그 오버 및 드롭 이벤트를 추가합니다

 .ink {
   cursor: pointer;
 }
-
-
 </style>

Add a comment

Open 0
Closed 0

List

...	...	@@ -12,7 +12,13 @@
12	12	<div class="flex justify-between align-center">
13	13	<div class="pre-btn" @click="goToPage('Chapter2_2')"><img src="../../../../resources/img/left.png" alt=""></div>
14	14	<div class="content title-box">
15		- <p class="title mt25 title-bg">STEP 2 - 단어로 공부하는 영어</p>
	15	+ <div style="display: flex; justify-content: space-between;">
	16	+ <p class="title mt25 title-bg">STEP 2 - 단어로 공부하는 영어</p>
	17	+ <button id="returnButton" @click="returnPage" style="margin: 4rem;">
	18	+ <img src="../../../../resources/img/btn_return_50x50.png" alt="">
	19	+ <p>되돌리기</p>
	20	+ </button>
	21	+ </div>
16	22	<div class="flex align-center mb30">
17	23	<p class="subtitle2 mr20">앗! 잉크가 쏟아졌어! 지우개로 잉크를 지워줘!</p>
18	24	</div>
...	...	@@ -111,7 +117,7 @@
111	117	</div>
112	118	</template>
113	119
114		-
	120	+
115	121	<script>
116	122	export default {
117	123	data() {
...	...	@@ -151,7 +157,10 @@
151	157	}
152	158
153	159	this.draggedElementId = null; // 드래그 상태 초기화
154		- }
	160	+ },
	161	+ returnPage() {
	162	+ window.location.reload();
	163	+ },
155	164	},
156	165	mounted() {
157	166	// 드래그 가능한 영역에 드래그 오버 및 드롭 이벤트를 추가합니다
...	...	@@ -176,6 +185,4 @@
176	185	.ink {
177	186	cursor: pointer;
178	187	}
179		-
180		-
181	188	</style> (No newline at end of file)

Delete comment