1.等待页面数字图片 demo

2.APP 正在更新系统页面

app/src/router/index.js

@@ -72,8 +72,8 @@ const routes = [
             title: '登陆',
             index: 1
         },
-        // component: () => import( '../page/login.vue')
-        component: () => import( '../page/404.vue')
+        component: () => import( '../page/login.vue')
+        // component: () => import( '../page/404.vue')
     }, {
         path: '/test',
         name: 'test',
@@ -82,6 +82,14 @@ const routes = [
             index: 1
         },
         component: () => import( '../page/test.vue')
+    },{
+        path: '/404',
+        name: '404',
+        meta: {
+            title: '404',
+            index: 1
+        },
+        component: () => import( '../page/404.vue')
     }, {
         path: '*',
         name: 'notFound',
@@ -107,7 +115,8 @@ router.beforeEach((to,from,next)=>{
         next();
     }else{
         //如果token存在，就正常跳转，如果不存在，则说明未登陆，则跳转到'login'
-        isLogin? next() : next("/login");
+        // isLogin? next() : next("/login");
+        next();
     }
 });
 

tv/src/components/sumNumber.vue

@@ -2,17 +2,16 @@
     <div class="sumNumberContainer">
         <div class="imgContainer">
                 <span v-for="n in imgNumber">
-                    <em v-if="n == 0">0</em>
-                    <em v-if="n == 1">1</em>
-                    <em v-if="n == 2">2</em>
-                    <em v-if="n == 3">3</em>
-                    <em v-if="n == 4">4</em>
-                    <em v-if="n == 5">5</em>
-                    <em v-if="n == 6">6</em>
-                    <em v-if="n == 7">7</em>
-                    <em v-if="n == 8">8</em>
-                    <em v-if="n == 9">9</em>
-                    <em v-if="n == 0">0</em>
+                    <em v-if="n == 0"><img src="../static/img/num/0.png" alt=""></em>
+                    <em v-if="n == 1"><img src="../static/img/num/1.png" alt=""></em>
+                    <em v-if="n == 2"><img src="../static/img/num/2.png" alt=""></em>
+                    <em v-if="n == 3"><img src="../static/img/num/3.png" alt=""></em>
+                    <em v-if="n == 4"><img src="../static/img/num/4.png" alt=""></em>
+                    <em v-if="n == 5"><img src="../static/img/num/5.png" alt=""></em>
+                    <em v-if="n == 6"><img src="../static/img/num/6.png" alt=""></em>
+                    <em v-if="n == 7"><img src="../static/img/num/7.png" alt=""></em>
+                    <em v-if="n == 8"><img src="../static/img/num/8.png" alt=""></em>
+                    <em v-if="n == 9"><img src="../static/img/num/9.png" alt=""></em>
                 </span>
         </div>
     </div>
@@ -45,5 +44,27 @@
 </script>
 
 <style scoped>
-
+    .sumNumberContainer {
+        width: 960px;
+        overflow: hidden;
+        display: block;
+        margin: 0 auto;
+    }
+    .imgContainer {
+        width: 100%;
+        overflow: hidden;
+        display: flex;
+        margin: 0 auto;
+    }
+    .imgContainer span {
+        width: 30px;
+        display: flex;
+        flex: 1;
+    }
+    .imgContainer img {
+        width: 100%;
+        overflow: hidden;
+        display: block;
+        margin: 0 auto;
+    }
 </style>

tv/src/views/test.vue

@@ -10,7 +10,7 @@
     export default {
         data() {
             return {
-                curNumber: 7235
+                curNumber: 723519
             }
         },
         mounted() {