
--- client/views/pages/main/Chapter/Chapter2_6.vue
+++ client/views/pages/main/Chapter/Chapter2_6.vue
... | ... | @@ -12,7 +12,13 @@ |
12 | 12 |
<div class="flex justify-between align-center"> |
13 | 13 |
<div class="pre-btn" @click="goToPage('Chapter2_5')"><img src="../../../../resources/img/left.png" alt=""></div> |
14 | 14 |
<div class="content title-box"> |
15 |
- <p class="title mt25 title-bg">step2</p> |
|
15 |
+ <div style="display: flex; justify-content: space-between;"> |
|
16 |
+ <p class="title mt25 title-bg">step3-놀면서 배우는 영어</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> |
... | ... | @@ -77,6 +83,10 @@ |
77 | 83 |
goToPage(page) { |
78 | 84 |
this.$router.push({ name: page }); |
79 | 85 |
}, |
86 |
+ returnPage() { |
|
87 |
+ // 페이지 새로 고침 |
|
88 |
+ window.location.reload(); |
|
89 |
+ }, |
|
80 | 90 |
handleDragStart(dragNumber) { |
81 | 91 |
// 현재 드래그 중인 퍼즐의 번호를 저장 |
82 | 92 |
this.currentDrag = dragNumber; |
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?