no message

Former-commit-id: 0a96bb54e9270e451e59b72e00e35053a7c0e152
Former-commit-id: c250ba90da6546626b9831847630aae786c88344
Former-commit-id: c1182b1bdc6ea9b3934275286a93e2760a643bfe

src/pages/demo/plugins/countup/demo.vue

@@ -0,0 +1,87 @@
+<template>
+  <Container type="ghost" class="demo-plugin-countup-demo">
+    <el-row :gutter="10">
+      <el-col :span="6">
+        <el-card>
+          <p slot="title">只设置目标数字</p>
+          <CountUp :end="100"></CountUp>
+        </el-card>
+      </el-col>
+      <el-col :span="6">
+        <el-card>
+          <p slot="title">设置起止数值</p>
+          <CountUp :start="14" :end="100"></CountUp>
+        </el-card>
+      </el-col>
+      <el-col :span="6">
+        <el-card>
+          <p slot="title">小数位数</p>
+          <CountUp :end="100.00" :decimals="2"></CountUp>
+        </el-card>
+      </el-col>
+      <el-col :span="6">
+        <el-card>
+          <p slot="title">动画时长</p>
+          <CountUp :end="100" :duration="6"></CountUp>
+        </el-card>
+      </el-col>
+      <el-col :span="6">
+        <el-card>
+          <p slot="title">回调函数</p>
+          <CountUp :end="100" :callback="() => {className = 'end'}" :class="className"></CountUp>
+        </el-card>
+      </el-col>
+      <el-col :span="6">
+        <el-card>
+          <p slot="title">结束一秒后更新数值</p>
+          <CountUp :end="end" :callback="update"></CountUp>
+        </el-card>
+      </el-col>
+    </el-row>
+  </Container>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      // 回调函数使用
+      className: '',
+      // 更新数值用
+      end: 50
+    }
+  },
+  methods: {
+    update () {
+      setTimeout(() => {
+        this.end = 100
+      }, 1000)
+    }
+  }
+}
+</script>
+
+
+<style lang="scss">
+@import '~@/assets/style/public.scss';
+.demo-plugin-countup-demo {
+  .el-card {
+    @extend %unable-select;
+    margin-bottom: 10px;
+    .el-card__body {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      span {
+        font-size: 40px;
+        &.end {
+          padding: 0px 20px;
+          border-radius: $border-radius;
+          background-color: $color-success;
+          color: #FFF;
+        }
+      }
+    }
+  }
+}
+</style>

src/pages/demo/plugins/countup/readme.vue

@@ -0,0 +1,9 @@
+<template>
+  <Container>
+    <p slot="title">README.md</p>
+    <p slot="more"><GithubLink url="https://github.com/inorganik/countUp.js"></GithubLink></p>
+    <div>
+      <Markdown url="https://raw.githubusercontent.com/inorganik/countUp.js/master/README.md"></Markdown>
+    </div>
+  </Container>
+</template>