Commit @d629a371e60dbde59da6afe0cb8bd1e151241111

이은진 08-16

240816 이은진, 정다정 대시보드 수정 완료

@d629a371e60dbde59da6afe0cb8bd1e151241111

d629a37

client/resources/img/fireworks.gif (Binary) (added)

+++ client/resources/img/fireworks.gif

Binary file is not shown

5a58015

d629a37

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

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

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


   },
   methods: {
     complete() {
-      this.$router.push({ name: 'Dashboard', query: { value: 3 } });
+      this.$router.push({ name: 'Dashboard', query: { value: 11 } });
     },
     goToPage(page) {
       this.$router.push({ name: page });

5a58015

d629a37

client/views/pages/main/Dashboard.vue

--- client/views/pages/main/Dashboard.vue

+++ client/views/pages/main/Dashboard.vue


                         <p class="long">최종 평가</p>
                     </div>
 
+
+
+                </div>
+                <div class="race-btn">
+                    <div class="rabbit-running" style="
+    display: flex;
+"><img class="rabbit-end" src="../../../resources/img/img138_72s.png" alt=""
+                            :style="{ display: rabbitEnd ? 'block' : 'none' }">
+                        <img class="fireworks-end" src="../../../resources/img/fireworks.gif" alt=""
+                            :style="{ display: rabbitEnd ? 'block' : 'none' }">
+                    </div>
                 </div>
 
                 <button class="login-btn mt50" type="submit" style="width: 100%;" @click="finishSchedule"><img

             state: '',
             rabbitPos: [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
             rabbitCompl: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+            rabbitEnd: false,
         }
     },
     methods: {

 
                 this.rabbitPos[parseInt(this.$route.query.value, 10) + 1] = true
                 for (var i = 0; i < this.$route.query.value; i++) {
-
                     this.rabbitCompl[i + 1] = true
+                }
+
+                if (this.$route.query.value === '11') {
+                    this.rabbitEnd = true;
+                    setTimeout(() => {
+                        this.searchOpen2 = true;
+                    }, 1000);
                 }
 
             }

 }
 </script>
 
-<style>
+<style scoped>
 .body {
     width: 1435px;
     height: auto;

 
 .rabbit-end {
     cursor: pointer;
+    display: block;
+    position: absolute;
+    bottom: 0px;
+    left: -15px;
+    z-index: 10000;
 }
 
 .rabbit-running {

     transform: scaleX(-1);
     transition: all 0.5s ease-in-out;
 }
+
+.fireworks-end {
+    position: absolute;
+    bottom: 70px;
+    left: -40px;
+    width: 20rem;
+}
 </style>

Add a comment

Open 0
Closed 0

List

...	...	@@ -83,7 +83,7 @@
83	83	},
84	84	methods: {
85	85	complete() {
86		- this.$router.push({ name: 'Dashboard', query: { value: 3 } });
	86	+ this.$router.push({ name: 'Dashboard', query: { value: 11 } });
87	87	},
88	88	goToPage(page) {
89	89	this.$router.push({ name: page });

...	...	@@ -131,6 +131,17 @@
131	131	<p class="long">최종 평가</p>
132	132	</div>
133	133
	134	+
	135	+
	136	+ </div>
	137	+ <div class="race-btn">
	138	+ <div class="rabbit-running" style="
	139	+ display: flex;
	140	+"><img class="rabbit-end" src="../../../resources/img/img138_72s.png" alt=""
	141	+ :style="{ display: rabbitEnd ? 'block' : 'none' }">
	142	+ <img class="fireworks-end" src="../../../resources/img/fireworks.gif" alt=""
	143	+ :style="{ display: rabbitEnd ? 'block' : 'none' }">
	144	+ </div>
134	145	</div>
135	146
136	147	<button class="login-btn mt50" type="submit" style="width: 100%;" @click="finishSchedule"><img
...	...	@@ -375,6 +386,7 @@
375	386	state: '',
376	387	rabbitPos: [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
377	388	rabbitCompl: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
	389	+ rabbitEnd: false,
378	390	}
379	391	},
380	392	methods: {
...	...	@@ -389,8 +401,14 @@
389	401
390	402	this.rabbitPos[parseInt(this.$route.query.value, 10) + 1] = true
391	403	for (var i = 0; i < this.$route.query.value; i++) {
392		-
393	404	this.rabbitCompl[i + 1] = true
	405	+ }
	406	+
	407	+ if (this.$route.query.value === '11') {
	408	+ this.rabbitEnd = true;
	409	+ setTimeout(() => {
	410	+ this.searchOpen2 = true;
	411	+ }, 1000);
394	412	}
395	413
396	414	}
...	...	@@ -904,7 +922,7 @@
904	922	}
905	923	</script>
906	924
907		-<style>
	925	+<style scoped>
908	926	.body {
909	927	width: 1435px;
910	928	height: auto;
...	...	@@ -982,6 +1000,11 @@
982	1000
983	1001	.rabbit-end {
984	1002	cursor: pointer;
	1003	+ display: block;
	1004	+ position: absolute;
	1005	+ bottom: 0px;
	1006	+ left: -15px;
	1007	+ z-index: 10000;
985	1008	}
986	1009
987	1010	.rabbit-running {
...	...	@@ -992,4 +1015,11 @@
992	1015	transform: scaleX(-1);
993	1016	transition: all 0.5s ease-in-out;
994	1017	}
	1018	+
	1019	+.fireworks-end {
	1020	+ position: absolute;
	1021	+ bottom: 70px;
	1022	+ left: -40px;
	1023	+ width: 20rem;
	1024	+}
995	1025	</style> (파일 끝에 줄바꿈 문자 없음)

Delete comment