index目录迁移

app/src/components/serveNotice/index.vue → app/src/components/index/serveNotice/index.vue

@@ -9,7 +9,7 @@
                     @mouseover="changeTab(index)"
                     :class="{cur: index == curTab}"
                     >
-                {{item}}
+                    {{item}}
                 </li>
                 
             </ul>
@@ -21,11 +21,14 @@
                         <div class="img"><img src="http://lobby.dwstatic.com/goa/pic/o/szsg_32.png" alt=""></div>
                         <div class="col1">
                             <p>武林3</p>
-                            <span>4月24日 17:00</span>
+                            <span>4月24日 17:00 <i class="icon-clock"></i></span>
                         </div>
                         <div class="col2">
                             3服
                         </div>
+                        <a class="hover cancel">
+                            <label>开始游戏</label>
+                        </a>
                     </li>
                 </ul>
                 <ul>

app/src/components/serveNotice/style.scss → app/src/components/index/serveNotice/style.scss

@@ -55,7 +55,31 @@
             padding: 8px 10px 8px 14px;
             overflow: hidden;
             display: flex;
-            cursor: default;
+            cursor: pointer;
+            position: relative;
+            &:hover {
+                background: #e9e9e9;
+                .hover {
+                    transform: translate(0);
+                }
+            }
+        }
+        .hover {
+            @include list-hover-label;
+            label {
+                line-height: 48px;
+            }
+            &.remind {
+                label {
+                    background: #38904a;
+                }
+            }
+            &.cancel {
+                label {
+                    background: #dadada;
+                    color: #4faf63;
+                }
+            }
         }
         .img {
             width: 32px;
@@ -69,7 +93,13 @@
             margin-left: 10px;
             line-height: 16px;
             font-size: 12px;
-            
+            .icon-clock {
+                display: inline-block;
+                width: 14px;
+                height: 14px;
+                background: url(./img/icon_clock.png) no-repeat 0 / 100%;
+                vertical-align: -1px;
+            }
             span {
                 color: $gray;
             }

app/src/page/index.vue

@@ -22,14 +22,14 @@
     </div>
 </template>
 <script>
-import myGame from "@/components/myGame";
-import banner from "@/components/banner";
-import serveNotice from "@/components/serveNotice";
+import myGame from "@/components/index/myGame";
+import banner from "@/components/index/banner";
+import serveNotice from "@/components/index/serveNotice";
 import hotGameToday from "@/components/index/hotGameToday";
-import rank from "@/components/rank";
+import rank from "@/components/index/rank";
 import boutiqueGame from "@/components/index/boutiqueGame";
-import hotGame from "@/components/hotGame";
-import signIn from "@/components/signIn";
+import hotGame from "@/components/index/hotGame";
+import signIn from "@/components/index/signIn";
 import networkMonitoring from "@/components/index/networkMonitoring";