2. rest 중 일때 고양이 사진 보여주기

v-if, computed 이용해서 특정 상태(rest)일 때 고양이 사진 보며 휴식하기
rmcodestar · Aug 13, 2017 · 50ae657 · 50ae657
1 parent 37c8b89
commit 50ae657
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/kitty.png b/kitty.png
diff --git a/pomodoro.html b/pomodoro.html
@@ -27,6 +27,9 @@ <h4>STATE : {{title}}...</h4>
                     <span>{{remainingMinute}}</span>:<span>{{remainingSecond}}</span>
                 </div>
             </div>
+            <div class="well" v-if="!isWorking">
+                <img src="kitty.png">
+            </div>
         </div>
     </body>
     <script>
@@ -66,6 +69,9 @@ <h4>STATE : {{title}}...</h4>
                 , remainingSecond : function() {
                     return (this.second < 10)? "0" + this.second : this.second;
                 }
+                , isWorking : function() {
+                    return this.state == STATE.WORK;
+                }
             }
             , methods : {
                 start : function() {