jichoi / lms_front star
홍아랑 홍아랑 2024-08-14
240814 홍아랑 퍼즐 문제 되돌리기 버튼 추가
@c5a26bb126c2285b65f28bea31bb833d1fc970c9
client/views/pages/main/Chapter/Chapter2_6.vue
--- client/views/pages/main/Chapter/Chapter2_6.vue
+++ client/views/pages/main/Chapter/Chapter2_6.vue
@@ -12,7 +12,13 @@
     <div class="flex justify-between align-center">
       <div class="pre-btn" @click="goToPage('Chapter2_5')"><img src="../../../../resources/img/left.png" alt=""></div>
       <div class="content title-box">
-        <p class="title mt25 title-bg">step2</p>
+        <div style="display: flex; justify-content: space-between;">
+          <p class="title mt25 title-bg">step3-놀면서 배우는 영어</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>
@@ -77,6 +83,10 @@
     goToPage(page) {
       this.$router.push({ name: page });
     },
+    returnPage() {
+      // 페이지 새로 고침
+      window.location.reload();
+    },
     handleDragStart(dragNumber) {
       // 현재 드래그 중인 퍼즐의 번호를 저장
       this.currentDrag = dragNumber;
Add a comment
List