moved each Page into each folder of features

Williammer · Sep 11, 2018 · 90eb49f · 90eb49f
1 parent 31d4b12
commit 90eb49f
Show file tree

Hide file tree

Showing 4 changed files with 43 additions and 41 deletions.
diff --git a/src/views/More.vue → src/features/more/More.vue b/src/views/More.vue → src/features/more/More.vue
diff --git a/src/views/NumMemoryGame.vue → src/features/numMemory/NumMemoryGame.vue b/src/views/NumMemoryGame.vue → src/features/numMemory/NumMemoryGame.vue
@@ -1,6 +1,6 @@
 <script>
 import Vue from 'vue';
-import NumMemoryRow from '@/components/NumMemoryRow.vue'; // @ is an alias to /src
+import NumMemoryRow from './NumMemoryRow.vue'; // @ is an alias to /src
 
 export default {
   name: 'num-memory-game',
@@ -189,7 +189,7 @@ export default {
       margin-top: 30px;
       .icon {
         height: 64px;
-        background: url('../../public/img/win.png') center center no-repeat;
+        background: url('../../../public/img/win.png') center center no-repeat;
       }
       span {
         color: #f04134;

diff --git a/src/components/NumMemoryRow.vue → src/features/numMemory/NumMemoryRow.vue b/src/components/NumMemoryRow.vue → src/features/numMemory/NumMemoryRow.vue
@@ -120,45 +120,47 @@ export default {
 </template>
 
 <style scoped lang="scss">
-  .row-container {
-    list-style: none;
-    padding: 6px 12px;
-    .mem-number {
-      color: rgba(0,0,0,0.5);
-      font-weight: normal;
-      margin-right: 10px;
-      font-style: italic;
-      font-size: 12px;
-      &.reciting {
-        color: rgba(0,0,0,0.6);
-        font-size: 20px;
-        font-weight: bold;
-        font-style: normal;
-      }
-    }
-    .mem-play-btn, .mem-answer-btn {
-      cursor: pointer;
-    }
-    .mem-answer {
-      width: 180px;
-      line-height: 1;
-      border: 1px solid #d9d9d9;
-      color: rgba(0,0,0,0.65);
-      border-radius: 4px;
-      padding: 4px 8px;
-      margin-right: 2px;
-      vertical-align: top;
-    }
-    .mem-verify-result {
-      margin-right: 10px;
+.row-container {
+  list-style: none;
+  padding: 6px 12px;
+  .mem-number {
+    color: rgba(0, 0, 0, 0.5);
+    font-weight: normal;
+    margin-right: 10px;
+    font-style: italic;
+    font-size: 12px;
+    &.reciting {
+      color: rgba(0, 0, 0, 0.6);
+      font-size: 20px;
       font-weight: bold;
-      color: #ff5b4f;
-      &.verified {
-        color: #00a854;
-      }
+      font-style: normal;
     }
-    .mem-verify-result, .mem-answer {
-      font-size: 16px;
+  }
+  .mem-play-btn,
+  .mem-answer-btn {
+    cursor: pointer;
+  }
+  .mem-answer {
+    width: 180px;
+    line-height: 1;
+    border: 1px solid #d9d9d9;
+    color: rgba(0, 0, 0, 0.65);
+    border-radius: 4px;
+    padding: 4px 8px;
+    margin-right: 2px;
+    vertical-align: top;
+  }
+  .mem-verify-result {
+    margin-right: 10px;
+    font-weight: bold;
+    color: #ff5b4f;
+    &.verified {
+      color: #00a854;
     }
   }
+  .mem-verify-result,
+  .mem-answer {
+    font-size: 16px;
+  }
+}
 </style>
diff --git a/src/router.js b/src/router.js
@@ -1,7 +1,7 @@
 import Vue from 'vue';
 import Router from 'vue-router';
-import NumMemoryGame from './views/NumMemoryGame.vue';
-import More from './views/More.vue';
+import NumMemoryGame from './features/numMemory/NumMemoryGame.vue';
+import More from './features/more/More.vue';
 
 Vue.use(Router);