demo 原始链接:https://vux.li/demos/v2/#/component/countup
\n下面的$t是Demo的i18n使用的翻译函数,一般情况下可以直接使用字符串。另外,下面代码隐藏了i18n标签部分的代码。
\n<template>\n <div style=\"text-align:center;\">\n <countup :start-val=\"1\" :end-val=\"1388\" :duration=\"2\" class=\"demo1\"></countup>\n <br/>\n <countup :end-val=\"88.88\" :duration=\"3\" :decimals=\"2\" class=\"demo1\"></countup>\n <br>\n <countup :end-val=\"1024\" :duration=\"4\" :start=\"doStart\" class=\"demo1\"></countup>\n <div style=\"padding:0 15px;\">\n <x-button @click.native=\"doStart=true\" type=\"primary\"> {{ $t('Start') }} </x-button>\n </div>\n </div>\n</template>\n\n<script>\nimport { Countup, XButton } from 'vux'\n\nexport default {\n components: {\n Countup,\n XButton\n },\n data () {\n return {\n doStart: false\n }\n }\n}\n</script>\n\n<style scoped>\n.demo1 {\n font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;\n font-size: 6em;\n color: #04BE02;\n}\n</style>\n\n
\n