总分数字图片化

tv/README.md

@@ -73,9 +73,11 @@ http://192.168.0.162:9000/Hello
 20.跨店用户管理，加商家列表，给用户列表传入0做结果集的筛选  √ 
 22.404 给微信 X
 24.上课准备,上课教练改select √ 
+21.无感知更新wgt文件 （刷新后重进，上传被限制文件大小 todo *上传路径未更换真实路径√ 
+
 
 19.等待页面的数字使用图片替换 todo
-21.无感知更新wgt文件 （刷新后重进，上传被限制文件大小 todo *上传路径未更换真实路径
+
 
 
 

tv/src/components/sumNumber.vue

@@ -0,0 +1,49 @@
+<template>
+    <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>
+                </span>
+        </div>
+    </div>
+</template>
+
+<script>
+    export default {
+        data() {
+            return {
+                imgNumber: ''
+            }
+        },
+        props: ['curNumber'],
+        mounted(){
+            this.imgNumber = this.curNumber.toString();
+        },
+        watch: {
+            'curNumber' (val) {
+                console.log(val);
+                this.numTurnImg(val);
+            }
+        },
+        methods: {
+            numTurnImg(num){
+                console.log(num);
+                this.imgNumber = num.toString();
+            }
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>

tv/src/router/index.js

@@ -76,6 +76,14 @@ const routes = [
                     title: "3pkRank",
                     clmid: "6",
                 }
+            },{
+                path: '/test',
+                name: 'test',
+                component: () => import('@/views/test.vue'),
+                meta: {
+                    title: "test",
+                    clmid: "6",
+                }
             },
         ]
     }, {

tv/src/views/test.vue

@@ -0,0 +1,32 @@
+<template>
+    <div>
+        <sumNumber :cur-number="curNumber"></sumNumber>
+    </div>
+</template>
+
+<script>
+    import sumNumber from '@/components/sumNumber'
+
+    export default {
+        data() {
+            return {
+                curNumber: 7235
+            }
+        },
+        mounted() {
+        },
+        methods: {
+            setNumber() {
+                this.curNumber = parseInt(Math.random()*1000);
+                console.log(  this.curNumber);
+            }
+        },
+        components: {
+            sumNumber
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>